나보단 잘하자

제로초님 블로그 요약입니다. 자세한 사항은 제로초님 블로그에 찾아가주세요 www.zerocho.com/category/React/post/579b5ec26958781500ed9955 (React) React의 생명 주기(Life Cycle) 안녕하세요. 이번 시간에는 React의 생명 주기에 대해서 알아보겠습니다. 갑자기 웬 생명 주기냐고요? React 컴포넌트는 생명 주기가 있습니다. 컴포넌트가 실행되거나 업데이트되거나 제거될 때, www.zerocho.com Mount(처음 실행 시기) 컴포넌트가 처음 실행됨(Mount) 실행되면 context, defaultProps, state 저장. componentWillMount 호출(Mount 중 이기 때문에 props나 state를 바꾸면 안됨) 리액트 ..

리액트의 가장 중요한 개념 중 하나인 컴포넌트. 컴포넌트의 영어 뜻은 "요소, 부품" 이다. 말 그대로, 컴포넌트는 하나의 부품이다. 이 부품들이 있으면, 어디에든 끼워 조립하기 쉽고, 부품만 고치면 되니까 유지보수도 편리하다. 실습준비 필요한 파일 필요한 파일들은 create-react-app의 기본 파일들을 기준으로 한다. - index.html : 이 파일의 root라는 아이디를 통해 모든 컴포넌트들이 로드된다. - index.js : app 컴포넌트를 index.html 의 root로 렌더링시키는 역할을 한다. - app.js : app 컴포넌트다. 이 안에 많은 컴포넌트들을 만들 예정. 컴포넌트의 종류는 function으로 시작하는 함수형 컴포넌트와, class로 만들어지는 클래스 컴포넌트로 나..