React로 웹페이지 만들기 - 서울시 문화행사(1)

지금 까지 배운 여러가지 내용을 바탕으로 웹페이지를 만들어 보기로 했다.

 

React를 사용해서  다른 곳에서 정보를 받아서 웹페이지를 만들어 보려고 오픈 API를 뒤적이다가 적당한 소재를 찾았다.

공공 데이터 오픈 API를 사용해서 정보를 받아서 만들어보기로 했다. 서울시에서 하는 문화 행사 정보를 얻을 수 있다.

 

Postman으로 데이터를 받아보니 다음과 같은 형식의 데이터를 받았다.

이 데이터를 적절하게 사용하면 될 것 같다.

 

와이어프레임

Figma 사용법을 배운 김에 와이어 프레임도 간단하게 만들어봤다.

이벤트 설정까지 하면 너무 오래 걸릴거 같아서 와이어 프레임까지만 만들었다.

 

구현할 기능

- 한 화면에 이미지와 함께 6개의 item을 보여주고 item을 클릭하면 상세 내용이 나오도록 해 볼 예정이다.

 

- 페이지네이션 기능도 구현할 예정이다.

 

- 분류, 지역구, 날짜 필터 탭도 만들어 볼 예정이다.

 

- 검색 기능도 가능하다면 구현해볼 예정이다.

 

- 찜하기는 로컬 스토리지로 구현해볼건데 가능할지 잘 모르겠다.

 

사용할 라이브러리

지금까지 배운 Styled-Component, React Router, Redux 등을 써볼 예정이다.