Sumin's Blog

#2.1 Reusable Components with JSX + Props JSX 장점 : 재사용 가능한 component를 만들 수 있음 component를 계속해서 반복 사용 가능 Food component에 정보를 보내는 방법 fav라는 이름의 property 를 kimchi라는 value로 줌 다양한 타입의 value를 가질 수 있음 console.log(props)를 출력하면 property: value 모두 출력됨 누군가가 food component로 정보를 보내려고 하면, react는 모든 property를 가져옴 그리고 food function component의 argument(인자)로 모든 property를 넣음 props 중 fav의 값 출력 하기 위함 probs.fav -> {fav..

2.0 Creating your first React Component 리액트 : 개발자가 쓰는 모든 요소들을 생성 Java Script로 만들고 HTML에 넣음 모든 요소들을 사이에 넣음 Virtual document object -> react는 virtual 이여서 빠름 npm start 를 콘솔에서 계속 실행해야 서버가 실행 가능 componenet : HTML을 반환하는 함수 ( react는 componenet와 함께 동작 ,모든 것이 component) ex) (component의 형태) component를 사용해서 HTML처럼 작성하려는 경우에 필요 HTML 과 JS 의 조합으로 jsx라고 불림 (react 사용 유일한 개념) potato.js import React from "react";..