🧐 님 오늘 뭐함?
- 웹 게임을 만들며 배우는 React
6-1. 로또 추첨기 컴포넌트
6-2. setTimeout 여러 번 사용하기
6-3. componentDidUpdate
6-4. useEffect로 업데이트 감지하기
- 프로그래머스 2단계: 오픈채팅방 문제 풀기
🌱 알게 된 사실
- React.memo처럼 컴포넌트가 다른 컴포넌트를 감싸는 것을 'High-order Component(HOC)' 라고 한다.
- 라이프사이클 공부할 때는 콘솔 찍어보면서 하는게 함수가 언제 호출되는지 보이기 때문에 도움이 됨.
- 불필요한 렌더링을 막기 위해
memo
나 pureComponent
를 꼭 쓰자.
- useEffect에서.. inputs 자리가 빈 배열이면 componentDidMount랑 같은 기능이다. 만약 배열 안에 요소가 있으면 componentDidMount, componentDidUpdate 둘 다 수행함. return이 있으면 componentWillUnmount 수행.
✨ 느낀점은?
클래스형 컴포넌트에서 함수형 컴포넌트로 변환하는건 어느 정도 익숙해진 것 같다. 11월이 지나가기 전에 알바 시급 계산기 프로젝트는 끝내야겠다.