인천 맛집 소개 INMATE (Kakao Map API 활용)

프로젝트 소개

본인이 생각하기에 인천에있는 맛집을 소개하는 웹

 

프로젝트에 사용된 API

• Kakao Map API

 

사용 라이브러리

• react-redux
• redux-thunk
• immer

 

소스 코드

https://github.com/Gotkwondo/INMATE

GitHub - Gotkwondo/INMATE

 

소감...

처음으로 스스로 계획하고 구성한 프로젝트였다.

중간에 redux와 kakao지도 api를 사용함에 있어 어려움이 있었다.

그래도 처음 진행했던 프로잭트였기에 내가 할 수 있는 한 열심히 하려했다.

 

이후에 현직 개발자인 사촌형에게 피드백을 요청했는데.....

음.... 처음 만든 프로젝트치고는 괜찬다는 말을 듣기는 했지만,

이는 부족한 점이 많다는 것을 알고 있었다.

피드백 내용은 3가지였다.

 

1. 절대적인 소스 분량 부족

나도 완벽하게 이해하고 있고 고쳐야할 부분이다.

이 문제는 아래의 2가지를 보완하다면 소스의 분량이 늘어날 것이라 생각한다.

 

2. 하나의 화면 보다 라우터를 사용한 다른 화면 추가 구성

지금 프로젝트에서는 각 맛집의 소개 화면과 다른 화면을 라우터를 통해서

추가적인 화면을 구성하는 것이 좋다고 말했다.

SPA를 구성하는 것이 좋기는 하지만,

로그인 페이지, 정보 페이지, 등 많은 화면을 구성하기 위해서는 라우터를 사용하여

웹을 구성하는 것이 중요하다고 하였다.

 

3. 컴포넌트의 모듈화를 통해 다양한 상황에 사용할 수 있게 하기

현제는 각 컴포넌트들에서 비슷한 컴포넌트들을 전부 하드코딩했다.

이렇게 하기보다는 컴포넌트를 모듈화하여 (modules란 폴더에 컴포넌트 이름으로 된 폴더를 만들고 index.js 파일과 하위 컴포넌트들을 작성하여 반응형 웹을 만드는 것 처럼 ) 다양한 상황에서 사용하기 좋게

코드를 작성하는 방법이 많이 사용된다고 한다.

사촌형이 소스코드를 보고 이렇게 하드코딩하면 욕 먹는다고 했다.ㅋㅋㅋ

모듈화는 필수적으로 해야하는 것 같다.

그리고 html과 css적인 요소들은 최대한 javascript를 사용하여 작성해 보라 했다.

 

추가적인 피드백

개인적으로 DB와 API를 만들어 사용하는 것을 해보라고 말했다.

지금 맛집 리스트들의 정보를 구성하는 방식으로 DB를 만들어 API를 이용하여 data를 가져와 사용하라 했다.

 

또한, js와 css 요소를 이용해 애니메이션 효과를 적용하여 꾸며보라고 했다.

 

 

종합

아직 많이 부족하다....

이제부터는 매일 프로그래머스 1문제를 풀고,

이 프로젝트를 보완하려고 한다.

 

시간을 더 알뜰하게 사용해야겠다.

더 발전하는 내가 되도록 노력하자.