WIL
231223
삐옹
2022. 12. 23. 22:18
한동안 시간이 없단 핑계로 못 썼는데 다시 시작.
3개월 간 뷰만 쓰다가 다시 리액트로 돌아왔다.
공식문서를 좌악좌악 읽어가보자.
오늘 뭘 배웠냐면,
state 끌어올리기
같은 값이 필요한 컴포넌트 간에 가장 가까운 부모 컴포넌트를 찾아 state를 끌어올리자.
state값이나 관련 메서드들을 한 곳에서 관리하니 디버깅을 하거나 어떤 추가 로직을 구현하기도 편할 것 같다.
react 에서의 합성과 상속
UI를 재사용해야할 때는 합성을 사용하는것이 유리하고, 기능을 재사용해야 할때는 JS모듈로 분리하는게 좋다.
컴포넌트에서 해당 함수, 객체, 클래스 등을 import 하여 상속대신 사용할 수 있다.
React로 사고하기(5단계)
- 계층 구조 파악
- 정적으로 만들기(상호작용없는 상태)
- state 로 만들어야 할 데이터
- state가 쓰일 컴포넌트는?
- 역방향 데이터흐름 추가(인풋 가지고 있는 컴포넌트에 콜백함수를 넘겨 setState를 호출하는 상황)