Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 서버
- 구현
- socket
- 백트래킹
- N과 M(2)
- 문자열&연산자
- c#
- leetcode
- 멀티스레드
- 백준
- 완전탐색
- 알고리즘
- 메모리 배리어
- 제로베이스 프론트엔드 스쿨
- 코딩테스트
- 자바스크립트
- JavaScript
- C++
- Algorithm
- map
- Server
- 제로베이스
- 프론트엔드 스쿨
- MemoryBarrier
- 코딩테스트 스터디
- React
- BFS
- dfs
- 프로그래머스
- 구조체
Archives
- Today
- Total
목록Props (1)
Written
React Props 이해하기
Props 만약 어떤 물건을 주문제작하려고 하는 상황을 가정해보겠습니다. 그렇다면 내가 원하는 특별한 스펙들이 존재할테고, 물건을 만들어 주는 업체에서는 그러한 스펙을 전달 받아야만 그에 맞게 물건을 주문제작을 해줄 수 있습니다. 위의 예시에서 스펙에 해당하는 것을 리액트의 Props라고 생각하면 좋습니다. 사용하고자 하는 곳에서 스펙을 Props로 전달하면 제작하는 곳에서는 Props에 담긴 정보들을 이용해 사용자가 원하는 결과물을 전달해주기 때문입니다. Welcome이라는 함수 컴포넌트가 h1태그를 만들어줍니다.(화면에 렌더링 해준다는 의미입니다) 그런데 주문제작을 해줍니다. 사용자가 주는 정보를 받아서 (props와 children) 무엇을 전달받느냐에 따라 다른 물건을 만들어줍니다. APP 함수안..
Front-end/React
2023. 3. 17. 19:46