[React] 첫 걸음

React의 단점

: SEO(Search Engine Optimazation) 이  불가

-> 그래서 Next.js도 나중에 배울 필요있다.

 

장점: Expo를 이용해 앱도 만들 수 있고 VR 관련해서도 만들 수 있다.

 

yarn을 사용한다. npm도 있지만 yarn이 속도, 안전성이 높다.

--save는 npm만 사용한다.

 

CRA(=보일러 플레이트') - 이미 만들어진 틀로 내용을 작성해서 편리함. React도 그러한 형태

 

JSX 문법 사용('쟉스')

 

컴포넌트를 사용해서 작성함. <> 태그는 무조건 하나의 형태로 사용

 

폼 자동완성: frc or rfce

 

-Prop Drilling: 부모 자식간의 함수 사이에 전달만을 위한 함수가 늘어나는 현상

 

-Props.children 항상 내려받을 수 있는 default 매개변수

 

-State의 목적: UI를 바꾸기 위해서 사용.

 

-defaultProps, defaultArguments로 받아온 값을 초기화 안해줬을 시 초기값 정해줄 수 있다.

 

-<Input > : value, onChange (쌍으로 사용)

const [name,setName]= useState('');

setName=event.target.value

이런식으로 동적으로 값을 바꿔줄 수 있다.