리액트 화면 출력 개념

 

위 빨간 박스의 div 안에 화면이 들어간다

 

 

리턴 담당이 App이고 index.html의 id가 root인 태그 안에 넣는다

 

 

JSX 문법

자바스크립트로 그림을 그리기 위한 것

 

 

 

 

 

 

지금까지 기본 사용법.

 

css를 사용할 수 있는 프레임 워크를 설치 하면됨

 

https://heropy.blog/2017/11/25/yarn/

Yarn 설치 및 사용법

yarn 설치법

 

 

저장할 시 자동 정렬

 

설정 - prettier

홑따옴표

 

 

 

 

yarn 라이브러리를 찾는 곳

 

 

npm 라이브러리를 찾는 곳

 

 

 

 

 

 

 

 

 

익스텐션에서 설치

자동완성

 

 

리액트에서는 css를 따로 쓰지 말고 컴포넌트 안에 만들어 두면 편하다

디자인과 html을 같이 세팅