[개인프로젝트] 반려동물 동반 식당 정리 사이트 만들기 - 전반적인 틀 생성!

오늘은 내가 얼만큼 진행했는지에 대해 간단히 기록만 해보려고 한다.

생각보다 LLM으로 진행할 수 있는 속도가 정말 남다르구나.. 라는 깨달음도 얻었던 것 같다.

 

1. 카카오맵 마커 구현하기

기본 마커를 삭제하고 거지맵처럼 가격과 동반 가능한 장소를 알려주는 이모지를 같이 띄우는 것을 목표로 1차적으로 구현을 진행했다.

처음에는 뭘 모르니 뭐가 마커도 뜨게 하고 버튼도 뜨게 하는건지 전혀 감을 못잡아서 어떻게 프롬프트를 작성해야하는지도 모르겠었는데 오늘 하루를 해보고 나니 그래도 조금은 코드를 어떻게 구성했는지 이해를 해보자는 노력은 하겠더라 ㅋㅋㅋ

 

2. DB 연동하기

상세페이지를 만들기에 앞서, DB를 만들어서 상세페이지에 노출시킬 내용을 담아야겠다는 생각이 들었다.

어제까지만 해도, 얼마만큼의 시간이 앞으로 더 걸릴지 정말 까마득했는데 GPT 오늘도 역시 열일을 해준 덕에 내가 코드를 직접 치지 않아도 쉽게 코드를 몇초만에 내어주더라!

여튼 그렇게 받은 코드를 활용해서 데이터를 담을 자리까지 만들어주고 상세페이지를 만들기에 돌입했다.

 

3. 상세페이지 만들기

가장 중요한 상세페이지다.

장소가 뜨면 뭐해 내가 이 장소가 어디인지 어떤 동물을 허용하는지, 펫메뉴는 있는지 등에 대한 정보가 출력되어야 하질 않나!

난 이런 정보들을 거지맵처럼 만들고자 GPT에게 그대로 구현하고 싶다고 코드를 가르쳐달라고 몇시간을 괴롭혔다.

정확하게는 내가 얻고 싶었던 것은 댓글창을 그대로 얻어오고 싶었다.

따로 회원가입이나 카카오, 네이버 등을 통한 간편가입 없이 닉네임과 비밀번호를 입력해서 바로바로 댓글을 작성할 수 있는 그 부분이 너무 마음에 들었다.

해당 부분들에 대한 내용은 아직 1차적으로만 구현이 된 상황이기 때문에 내일도 건드릴거고 앞으로도 계속 손을 봐야 내가 원하는 대로 어느정도의 수준을 잡아갈 수 있지 않을까 싶다.

 

2일차 결과물

오늘의 결과물을 사진으로 슬며시 투척해두고 싶다.

아직은 이모지도, 리스트 제목도 모두 확정되지 않은 1차 결과물

아직은 전체적으로 부족한 부분이 많다.

위치 기반으로 확인할 수 있는 기능도 추가해야하고, 디자인도 어떤게 더 이쁘고 어울릴지를 고민해보기도 해야하고, 지도는 얼만큼의 비중을 차지하는 것이 좋은지도 고민해봐야 한다.

 

전체적으로 모두 업그레이드가 필요한 수준

마커나 리스트 중에 골라서 누르면 상세페이지로 이동한 화면이다.

현재 화면에서는 부족한 부분이 많아서 디자인 측면에서도, 정보를 출력하는 부분에서도 모두 손봐야 할 것들 투성이 이지만, 그래도 나름대로 틀이 잡혀가는 것 같아서 다행이라는 생각이 든다.

 

 

2일차 소감

전체적으로 내가 느낀 소감은 생각보다 진행도가 많이 빠른데?? 였다.

상업적인 용도로 하는 것이 아니기에, 어떻게서든 모티브를 기반으로 좋아보이는 것은 카피하는 것이 목표였는데 내가 결제를 안하고 사용해서 그런건지 LLM이 UI 적인 부분은 생각보다 많이 뒤쳐지는 듯한 느낌이 들었다.

그래도 풀스택 아무것도 모르는 내가 그냥 하라는 대로 했더니 이정도의 출력물이라도 나온다는 것에 매우 감사할 뿐..

내일은 상세페이지의 디자인을 정확하게 구현시키는 것이 목표기 때문에 어떻게 해서든 그 부분을 최대한 만들어보고 싶다!

거지맵처럼 커뮤니티 기능도 추가하고 싶은데, 이 부분은 내가 금액적으로 감당이 가능할 수 있을지 얼마나 드는지 조차 조사를 안해본 터라... 일단은 모든 기능이 다 되면 한번 생각해봐야겠다.

아마 만들게 된다면 (특별, 광역)시/도 정도로 분류한 게시판도 만들고 싶은데 가능할지는 미지수라 그저 욕심 정도? ㅋㅋ