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 | 31 |
Tags
- 브라우저 렌더링
- react
- S3
- 미리보기
- CI/CD
- qwe
- routing
- 비동기
- FileReader
- 라우팅
- previousState
- socket.io
- 후기
- 배포
- 접근 제한 라우팅
- setstate
- Redux
- 스파르타코딩클럽
- rendering
- updater
- 7기
- 항해99
- 동기
- Preview
- useEffect
- route
- Github Actions
- 개발
- imagePreview
- 채팅방
Archives
- Today
- Total
삐옹
231223 본문
한동안 시간이 없단 핑계로 못 썼는데 다시 시작.
3개월 간 뷰만 쓰다가 다시 리액트로 돌아왔다.
공식문서를 좌악좌악 읽어가보자.
오늘 뭘 배웠냐면,
state 끌어올리기
같은 값이 필요한 컴포넌트 간에 가장 가까운 부모 컴포넌트를 찾아 state를 끌어올리자.
state값이나 관련 메서드들을 한 곳에서 관리하니 디버깅을 하거나 어떤 추가 로직을 구현하기도 편할 것 같다.
react 에서의 합성과 상속
UI를 재사용해야할 때는 합성을 사용하는것이 유리하고, 기능을 재사용해야 할때는 JS모듈로 분리하는게 좋다.
컴포넌트에서 해당 함수, 객체, 클래스 등을 import 하여 상속대신 사용할 수 있다.
React로 사고하기(5단계)
- 계층 구조 파악
- 정적으로 만들기(상호작용없는 상태)
- state 로 만들어야 할 데이터
- state가 쓰일 컴포넌트는?
- 역방향 데이터흐름 추가(인풋 가지고 있는 컴포넌트에 콜백함수를 넘겨 setState를 호출하는 상황)