우선 PureComponent 에대한 기초지식이있어야한다. PureComponent는 component에 state나 propr의 변화가 없다면 다시 렌더링하지않도록한다. 그기준은 props와 state를 지금 업데이트된 props와 state를 얕은 비교( 객체의 참고주소를 비교) 후 동일한 레퍼런스라면 데이터 변경되어도 객체는 같다고 취급한다. 이기준을 잡고 함수형 컴포넌트를 구현해보자 1. React.memo Input 컴포넌트도 pureComponent이다. purecomponent를 사용하려면 React.memo 를 사용하면된다. 18/오전

1. 새로운 프로젝트를 생성한다 yarn create react-app board-frontend 2. 라우터적용 yarn add react-router-dom 3. 컴포넌트생성 ( 로그인, 회원가입, 글쓰기, 포스트읽기, 포스트목록) (src / pages / 안에 넣어준다.) 1. LoginPage 컴포넌트 export default function LoginPage() { return 로그인; } 2. PostListPage 컴포넌트 export default function PostListPage() { return 포스트 리스트; } 3. PostPage 컴포넌트 export default function PostPage() { return 포스트 읽기; } 4. ResgisterPage 컴포넌..