꾸준히

이번 주차에 리액트 라이프사이클에 대해 공부하였습니다. 다시 한번 정리하며, 이전 프로젝트에서 이를 활용했던 사례를 공유하고자 합니다.  라이프 사이클 Life Cycle; 컴포넌트가 생성(Mounting), 업데이트(Updating), 소멸(Unmounting)의 과정을 거쳐 어떻게 동작하고 관리되는지    클래스형 컴포넌트생성 단계1. constructor클래스 컴포넌트를 초기화하는 함수constructor(props) { super(props); this.state = { count: 0 };} 2. getDerivedStateFromPropsprops로부터 state를 동기화하고 싶을 때 사용static getDerivedStateFromProps(props, state) { if (pro..

이번 교육 과정에서 React 프로젝트를 시작하는 방법으로 CRA와 CNA를 배웠습니다. 이 두 도구의 차이점을 더 깊이 이해하고자 추가적으로 학습하였습니다.  React 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리  빠른 업데이트와 렌더링 속도로 애플리케이션을 쉽고 빠르게 만들 수 있다. 컴포넌트 기반 구조로 재사용성이 높다는 장점을 지니며, 메타(Meta)의 지원으로 커뮤니티가 활성화되어 있다.  리액트 기반 애플리케이션을  시작할 수 있는 도구는 CRA(Create React App)과 CNA(Create Next App)이 있다. CRA는 일반적인 리액트 애플리케이션 개발에 사용되며, CNA는 Next.js 프레임워크를 기반으로 한 애플리케이션 개발에 사용된다.   CRA Cre..