끄적끄적
[인턴 3일차] 혼자 배우고 쓰는 글 본문
React 기초
- react설치
콘솔창에
npm install -g create-react-app
이렇게 입력하면 된다.
이후 원하는 폴더를 하나 만들고(ex)hello-world) 해당 폴더로 경로 이동해서 하면 됨.
App.js가 화면에 보여지는 부분 같다.
예를 들어
이런식으로 화면에 출력하려고 할 때는 어떻게 해야 할까?
1. HelloFile.js를 하나 만든다.
2. App.js로 가서 코드 수정
Hello를 사용하기 위해 App.js에서 import해주고,
*Hello name에 bryan이 들어가게 되니 , HelloFile.js에서 this.props.name에 bryan이 들어가 위와 같이 출력되는 것
-props란 무엇인가?
props란 컴포넌트끼리 값을 전달하는 수단이다.
컴포넌트에서 사용할 데이터 중 변동되지 않는 데이터를 다룰 때 사용됨.
parent 컴포넌트에서 child 컴포넌트로 데이터를 전할 때, props가 사용된다.