고양이 사진첩 만들기

할 일

• hello world
• list of cats
• delete
• add

step1. hello world 렌더링

• App 컴포넌트를 만든다.
• App 컴포넌트에 hello world 를 렌더링한다.
• 이를 테스트하는 테스트 환경을 구성한다.

step2. 고양이의 이름 목록을 렌더링 한다.

• 고양이 이름 요소들을 만든다.
• 루트에 추가한다. 이걸 렌더링 한다.

step3. 이름 목록 상태

• container 에서 이름 목록을 상태로 관리한다.
• 상태가 바뀌었을때, DOM 을 부수고 새로 만든다.

step4. 리팩토링

테스팅 환경구성

브라우저 환경의 jest 설정

https://jestjs.io/docs/configuration#testenvironment-string

• eslint 의 import/extensions rule 해제