명세서

서론

코드잇에서 HTML,CSS, JS, React에 대한 강의를 듣긴 했으나... 정작 뭐가 뭔지를 잘 모르겠다. 내가 과연 간단한 사이트라도 만들 수 있을까 하는 걱정에 정말 간단한 사이트라도 만들어 보기로 해서 이 프로젝트를 시작하게 되었다.

목적

아래 이미지처럼 정말 간단한 포켓몬 도감 사이트를 만들 것이다.

기능

검색창에 포켓몬 이름을 입력하면 https://pokeapi.co/ 라는 사이트에서 API를 받아와서 4개의 화면에 앞/뒤/(이로치)앞/(이로치)뒤 를 각각 보여주고 이름/타입/어떤 포켓몬인지/특성을 보여준다.

구현해야 할 것

1. 최상단 로고 이미지
2. 검색창
3. 이미지
4. 정보

구상

4개의 컴포넌트가 필요할 것 같다.

1. 메인 로고 컴포넌트

2. 검색창 컴포넌트
   • 돋보기 로고 컴포넌트
   • 검색 바 컴포넌트

3. 포켓몬 이미지 컴포넌트

4. 포켓몬 정보 컴포넌트
   

사용할 기술 스택

React