231223

한동안 시간이 없단 핑계로 못 썼는데 다시 시작.

3개월 간 뷰만 쓰다가 다시 리액트로 돌아왔다.

공식문서를 좌악좌악 읽어가보자. 

---

오늘 뭘 배웠냐면,

 

state 끌어올리기

같은 값이 필요한 컴포넌트 간에 가장 가까운 부모 컴포넌트를 찾아 state를 끌어올리자.

state값이나 관련 메서드들을 한 곳에서 관리하니 디버깅을 하거나 어떤 추가 로직을 구현하기도 편할 것 같다.

 

react 에서의 합성과 상속

UI를 재사용해야할 때는 합성을 사용하는것이 유리하고, 기능을 재사용해야 할때는 JS모듈로 분리하는게 좋다.

컴포넌트에서 해당 함수, 객체, 클래스 등을 import 하여 상속대신 사용할 수 있다.

 

React로 사고하기(5단계)

1. 계층 구조 파악
2. 정적으로 만들기(상호작용없는 상태)
3. state 로 만들어야 할 데이터
4. state가 쓰일 컴포넌트는?
5. 역방향 데이터흐름 추가(인풋 가지고 있는 컴포넌트에 콜백함수를 넘겨 setState를 호출하는 상황)