[WIL] 9월 2주차

📬 이번주 미션 : 라이프사이클(클래스형 vs 함수형), react hooks

🍃 클래스형 컴포넌트 라이프사이클

componentDidMount: 컴포넌트가 처음으로 렌더링된 후에 실행됩니다. 주로 초기 데이터 로딩, 외부 API 호출, 구독 설정 등 초기화 작업에 사용됩니다.

componentDidUpdate: 컴포넌트가 업데이트된 후에 실행됩니다. 이전 프롭스나 이전 상태와 현재 프롭스나 상태를 비교하여 업데이트 작업을 수행하는 데 사용됩니다.

componentWillUnmount: 컴포넌트가 제거되기 전에 실행됩니다. 이벤트 리스너 제거, 구독 취소 및 리소스 정리 등과 같은 정리 작업에 사용됩니다.

render: 컴포넌트의 UI를 렌더링합니다. 이 메서드는 클래스형 컴포넌트의 필수 메서드이며, 렌더링 결과를 반환합니다.

🍃 함수형 컴포넌트 라이프사이클 (Hooks를 사용하는 경우)

useState: 함수형 컴포넌트에서 상태를 관리하는 Hook입니다. 상태를 초기화하고 상태 값을 업데이트할 수 있습니다.

useEffect: 부수 효과(예: 데이터 가져오기, 구독 설정)를 처리하는 Hook입니다. 클래스형 컴포넌트의 componentDidMount, componentDidUpdate 및 componentWillUnmount 역할을 대체합니다.

useContext: 컨텍스트(Context)를 사용하여 전역 상태를 관리할 수 있는 Hook입니다.

useReducer: 리듀서(reducer) 함수를 사용하여 상태 관리를 하는 Hook입니다. 주로 복잡한 상태 로직을 처리할 때 사용됩니다.

custom Hooks: 함수형 컴포넌트에서 라이프사이클 이외의 로직을 재사용 가능한 함수로 추상화하여 사용할 수 있습니다.

이번주는 UI를 만들면서 컴포넌트를 관리하는 방법에 대한 고민을 했던 주였다.
styled-compontet와 css-in-js에 대해 좀 더 알게된 기분이다.

돌아오는 목요일부터는 본격적으로 주특기를 이용해 백엔드와 함께 프로젝트를 진행하게 된다.
2주동안 함께 기획부터 개발을 하게 되는데 상대적으로 전공자 혹은 개발경험이 있던 백엔드 분들이 많으셔서 같이 플젝할때 나로인해 문제가 발생하지 않을까 하는 걱정이 크게 들었다.

나도 잘하고 싶고 빠르게 작업을 끝내고 싶은데 그러기가 쉽지않아서 벌써부터 한숨이... 😮‍💨

취업하기 정말 힘들다~!