26.01.27 TIL 53: 본캠프 43일차- Framer과제 끝‼️

📌 오늘의 진도:

완료 100%

1. 서비스 기획 심화 framer 과제 마무리

2. 내일 아티클 카타 아티클 미리 읽기

3. 개인공부 

4. PM 관련 책 챕터 읽기

 

오늘의 인사이트  👀

드디어 오늘 서비스 기획 심화 framer 과제를 마무리하였다. 최대한 배운 내용을 다 포함시키려고 노력했던 과제였다. 

과제를 하면서 디자인 쪽에는 관심이 없는 줄 알았던 내가 나름 framer 과제를 하면서 흥미를 발견 할 수 있어서 좋았다!

오늘 과제를 마무리를 하면서 나만의 도전과제를 실행했다. 그것은!!!!

지금은 없지만 전에 에어비엔비가 지도에 특정지역을 선택해서 누르면 구역마다 지도에 가격을 표시해줘서 가격비교가 빠르게 할 수 있었던게 존재했었다!

지금은 사라져서 예전에 기억을 다시 되살리면서 만들어봤지만 지도를 만들어봤는데 정말 쉽지 않았다.. 하지만 해냈다~! (시간은 좀 걸렸지만!)

 

지도를 만들면서 힘들었던 점을 공유 해볼까 한다!

위에 인사이트에서 말했던거처럼 우리 나라 지도만 존재 했던게 아니라 숙소의 위치/가격을 비교 할 수 있는 기능이 필요했다. 

1. 스크롤 하면 확대/ 축소 될 수 있는 기능 (내가 맡았던 과제에서는 서울/ 부산/ 제주도였기에 대한민국의 전체 지도를 보여주되 확대해서 좀 더 자세히 들여다 볼 수 있게끔 만들어야했다.)

2. 숙소를 주소에 맞게 지도에 올바르게 표시 기능

3. 주소로 지도 위에 가격 표시 기능 

처음에는 Framer workshop에 부탁을 해봤지만 무슨 지도가 아니라 나무를 만들어놔서..(튜터님도 OT때 같은 issue를 겪으심... 그냥 워크샵이 모자란거 같다 하핳) 그래서 코드에 대해서 1도 모르는 내가 직접 GPT를 활용해 코드를 짜달라고 부탁해 그걸 컴퓨터 텍스트 편집기를 활용해 html로 전환후 GPT가 추천해준 사이트에서 Framer로 옮길 수 있는 URL로 전환 시켜주고 framer에 부착 시켰더니 완성이 되었다!

 

많이 부족하지만.. 내 과제 결과를 공유해보자면!

아래 링크에서 확인 가능하다.

https://generic-support-485124.framer.app/

 

처음에 Framer OT 에서 구독료를 내면서 링크의 내용이라고 해야할까? 그걸 굳이 바꿔야하나 했는데 확실히 대기업 링크를 들어가보니 자신의 회사와 현재 있는 페이지로 URL이 만들어져서 더 보기가 좋았던거 같다. 반면 내 URL은 뭐지 싶다.. ㅋㅋㅋㅋㅋㅋ