[react] react 기초

 

내가 까먹지 않으려고 저장해놓는 정보들

 

 

(메...모....)

 

 

react 설치

npx create-react-app 프로젝트명

 

index.html

root안에 app.js를 넣어서 구현함

렌더링 되는 파일이긴 하나 실제 코딩은 app.js에서 한다고 보면 됨

 

node_modules 

프로젝트에 사용할 라이브러리를 모아 놓은 폴더

 

src

주된 source들이 있는 폴더

 

public 

static 파일(정적인 파일)들을 보관해놓은 폴더

 

package.json

설치한 라이브러리들을 모아 놓은 목록

 

 

기초문법

• className - class라는 키워드가 이미 등록되어 있으므로 class 대신 className을 씀
• {} - 변수명, 함수 등을 {}안에 넣어 바인딩 한다
• style={ { overflow: 'hidden' } } - 태그안에 직접 스타일을 넣을 경우 오브젝트 형식으로 넣어야 한다
• <></> - fragment 문법. 함수 return안에는 하나의 <div>가 사용되어야 한다. 여러개를 사용할 경우 묶어 줘야 하는데 이때 사용할 수 있다.