[Toy Project 개발일지]React를 활용한 웹 + 어플리케이션 제작 - (3)

 

일단 어느정도 프로젝트 관련해서 완성을 했다.

 

[Toy Project 개발일지]React를 활용한 웹 + 어플리케이션 제작 - (2) — kunstlounge1 님의 블로그

[Toy Project 개발일지]React를 활용한 웹 + 어플리케이션 제작 - (2)

 

기존 프로젝트 시스템 구조도에서 아주 많이 바뀌지는 않았다.

 

구조는 웹과, 모바일(안드로이드) 모두 사용될 수 있도록 구성했다.

 

 

 

[웹 부분]

 

 

 

 

웹에서 보이는 첫 화면에서는 OpenWeather의 API를 통해 날씨 정보를 가져올 수 있도록 했다. 처음 세팅은 서울로 설정했다.

 

OpenWeather에서 날씨를 가져올 경우에는 날씨 정보에 따른 음식을 내부 로직에서 추천하여 날씨에 맞는 음식을 추천한다.

 

날씨에 맞는 음식 추천을 내부 로직에서 저장한 후, 가져온 음식과 위치 정보를 조합해 

 

네이버 지도에서 위치를 가져오도록 설정했다.

 

이후에 그 위치정보를 카카오톡으로 공유할 수 있도록 설정하여, 친구나, 내가 아는 사람에게 위치정보를 공유할 수 있도록 하였다.

 

 

 

[스마트폰 어플리케이션]

 

 

 

 

스마트폰 어플리케이션에서는 React를 활용하였기에 위에서 설명한 웹과 큰 부분에서 차이가 없다.

 

 

 

[개선 포인트]

 

1. Proxy Server 존재

 

현재 네이버 앱에서는 proxy 없이 바로 정보 전달이 가능하지만

 

웹에서는 proxy 서버가 미들웨어로 존재해야지만 정보 전달이 가능하다.

 

즉, proxy 서버가 필요한데, 현재는 임시로 cors-anywhere.herokuapp.com/corsdemo 에서 서버를 허용받아 접근 권한을 허용받아 사용하고 있다.

 

이 부분에 대해서는 어떻게든 바꿔야 할 필요성을 느꼈다.

 

 

2. 가져오는 가게 알고리즘

 

현재는 그냥 가게를 가져올 때 네이버 자체적인 알고리즘을 통해 상위에 있는 가게들을 가져오는 구조이다.

 

그래서 지역별로 어떤 지역에는 맛집이 아니라고 생각되는데, 가져오는 경우도 있다.

 

알고리즘 쪽은 뭔가 좀 더 손을 봐야겠다.

 

 

3. 떨어지는 기능

 

현재 앱이나 웹으로 보여지는 기능이 너무 부족하다.

 

다른 기능을 더 추가하고는 싶은데, 토이 프로젝트라서 어떤 기능을, 얼마나 더 추가해야 할지는 잘 모르겠다.