Notice
Recent Posts
Recent Comments
Link
«   2025/03   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31
Tags
more
Archives
Today
Total
관리 메뉴

끄적끄적

[인턴 3일차] 혼자 배우고 쓰는 글 본문

카테고리 없음

[인턴 3일차] 혼자 배우고 쓰는 글

alstj_성공 2021. 9. 3. 11:23

React 기초

 

- react설치

콘솔창에 

npm install -g create-react-app

이렇게 입력하면 된다.

이후 원하는 폴더를 하나 만들고(ex)hello-world) 해당 폴더로 경로 이동해서 하면 됨.

App.js가 화면에 보여지는 부분 같다.

 

예를 들어

이런식으로 화면에 출력하려고 할 때는 어떻게 해야 할까?

 

1. HelloFile.js를 하나 만든다.

HelloFile.js

2. App.js로 가서 코드 수정

App.js

Hello를 사용하기 위해 App.js에서 import해주고,

*Hello name에 bryan이 들어가게 되니 , HelloFile.js에서 this.props.name에 bryan이 들어가 위와 같이 출력되는 것

 

-props란 무엇인가?

props란 컴포넌트끼리 값을 전달하는 수단이다.

컴포넌트에서 사용할 데이터 중 변동되지 않는 데이터를 다룰 때 사용됨.

parent 컴포넌트에서 child 컴포넌트로 데이터를 전할 때, props가 사용된다.