일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 정처기 실기 2주
- javascript
- 프로그래머스
- jsp
- JSTL
- 정처기 준비
- 스프링
- error
- Java
- compileDebugJavaWithJavac
- 정처기 실기 계획
- mysql
- 정처기 화이팅
- java in macos
- jdk17 for mac
- read a paragraph
- 프로그래머스 sql
- react native
- HTML
- SQL
- 정처기 실기 준비
- mac jdk java
- java17 macos
- symbol: class RNGestureHandlerPackage
- openjdk17
- macos environment for java
- 정처기 암기
- how to read
- Spring
- read a book
Archives
- Today
- Total
목록리액트 (1)
RunTurtle
[ React ] 리액트의 props와 state의 역할, 컴포넌트의 라이프 사이클, 리액트 컴포넌트를 만드는 방법 () => 비유로써 재밌게!!
리액트의 Props와 State 비유 1: 카페에서의 주문 Props: 카페에서 바리스타에게 커피를 주문할 때, 너는 "아이스 아메리카노, 더블 샷, 설탕 없이"와 같은 특별한 요구사항을 말한다. 여기서 너의 주문은 바리스타(컴포넌트)에게 전달되는 props다. 즉, 컴포넌트 외부에서 받아오는 데이터로, 주로 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 사용한다. 이 정보는 읽기 전용이며, 컴포넌트가 직접 수정할 수 없다. State: 이제 바리스타가 주문을 받고, 커피를 만드는 동안 커피의 상태(예: 갈아진 커피, 물 추가, 얼음 추가)는 바뀐다. 이러한 내부 상태 변화는 컴포넌트의 state에 해당한다. 즉, 컴포넌트 내부에서 관리되는 데이터로, 사용자와의 상호작용이나 시간의 경과에 따라 변..
다양한 공부/React
2024. 3. 17. 00:22