JIE0025

1. 태그는 꼭 닫혀야 한다. 2. 두개 이상의 태그는 감싸주어야한다. 어떤 HTML 태그로 감싸고 싶지 않다면 Fragment로 감싸주기 Fragement 란 빈 태그 3. javascript 값을 JSX 내부에서 보여줄 떈, 중괄호로 감싸서 보여주기 const value = "안녕" return 출력 테스트 {value} 4. JSX 내부에서 style을 사용할 떈 객체 형태로 넣어주기 - style에서 background-color 와 같이 -로 연결되는 아이들은 Camel Case인 backgroundColor로 바꾸어 써준다. - 외부 css class를 쓸 떈 class가 아닌 className을 사용한다. const style = { backgroundColor : 'gray' color :..

정의 컴포넌트 : 기능을 단위별로 캡슐화 하는 리액트의 기본 단위 - 사용자가 보는 뷰(View)는 컴포넌트의 조합으로 구성된다. - 자바스크립트 함수 or 클래스 컴포넌트 만드는 방법 1) react application 폴더를 연다. 2) src 안에 컴포넌트 이름을 정하고 js파일을 생성한다. import React from 'react'; //함수로 작성하기 > JSX function Hello(){ return 안녕하세요; } export default Hello; export default Test; 는 Test 컴퍼넌트를 만들어서 내보내겠다는 의미이다. 3) App.js로 돌아와 파일을 수정한다. import React from 'react'; import Hello from './Hello..