[항해99] 8주차 WIL [실전프로젝트]

🧸 이번 8주차 WIL 키워드 !

 

실전 프로젝트를 진행하며 기술적으로 막혔던 부분은 무엇인가요?

해결했다면 어떻게 해결했는지 과정을 작성해주세요!

 

 

그렇다 실전 프로젝트가 시작되었다. 기술적으로 챌린징이 필요했기 때문에..

웹소켓 혹은 웹RTC기능을 사용하는 프로젝트를 해보고 싶었다 !!

 

하지만,, 모두가  원하는 프로젝트 기획을 짜기란 어려웠다...

우리조는 가져오기 힘든 데이터중 하나인 부동산 데이터를 주제로 삼아..

돌고 돌아 결국 오피스 부동산 정보를 추천해주고, 보여주는 모바일 웹을 만들기로 했다.

 

그렇다...지도기능을 사용해야 됐었다.ㅠㅠ

 

 

물론 카카오 지도 공식 웹사이트에 설명이 잘 되어있지만,

html이랑 자바스크립트로 되어있었다.

 

나는 리액트를 사용하는데 ㅠㅠ html과 자바스크립트로 지도를 구현하면

뭐하러 리액트를 사용하나 싶어서..

리액트에 알맞게 변경하는 작업들이 힘들었다.

 

.env환경 설정하여 지도를 불러오는 것은 성공했지만,

사용자가 드래그를 놓았을 때, 바뀐 위도 경도 남서쪽 북동쪽 좌표를 서버에 보내주고, 

좌표에 해당하는 지역들을 받아와서 지도에 뿌려줘야 되는데.ㅠㅠ

 

우선 서버쪽으로 보내주는 코드는 3일인가..고된 구글 검색 수련과 많은 실패 끝에..

찾아냈지만, 실제로 서버쪽과 연결을 해봐야 더 잘 알 것같다.

그리고 내가 한 방법이 맞는지도 의문이지만, 1차 목표는 구현이니까..

어떻게해서든 구현을 해보려고 한다,...

 

기술적으로 막혔던 부분은 지도를 사용하는 부분이랄까..

배우지도 않고 오로지 검색만으로 기능을 구현하려니 조금 버겁고 지치고 힘들었지만,

포기하지 않고 게속 검색하다보니 .. 검색하는 기술이 조금은 더 좋아진 것 같다.

 

 

사용자가 드래그를 놓았을 때, 바뀐 위도 경도 남서쪽 북동쪽 좌표를 어떻게 보내줘야될지

사실 감도 오지 않았다.

그러나 

55일차TIL

👉 포스팅을 한 것처럼.. 요리저리 생각해보고 컴포넌트 하나를 생성해 그 컴포넌트에 프롭스로 좌표를 보내주어서

useEffect를 사용하여 디스패치 해주는 방법을 생각했다.

이것이 최선의 방법이 아닐지라도 현재 나에게는 최선의 방법이다.

우선 구현을 먼저 하고 코드를 리팩토링하면서 최적의 방법을 찾아나갈 생각이다.

 

잠도 늦게자며 계속 공부하니까 기력이 딸리는 느낌이다.ㅠㅠ

4년과정을 3개월로 압축해버리니까..

정말 많이 힘들다......

 

 

고등학생때 나는 왜 코딩을 몰랐을까...

컴공과를 갔다면 ㅠㅠ 어땠을까..이러한 생각도 들지만..

그때도 내가 선택한거니까 후회는 하지 않겠다. !!!

파이팅 나자신