봄내음 프로젝트

해당 프로젝트 첫 게시글이니 프로젝트에 대한 간단한 설명을 먼저하고 이어가도록 하겠다.일단 이번 프로젝트의 주제는 '맛집'이다. 맛집 외에도 4가지정도 주제를 생각했었는데, 이번에 목표로 했던 주제와는 가장 잘 맞다고 생각된 주제였다.반응형 웹을 만들어야 한다.한 달동

원래는 reset.css 파일을 만들어서 html에 link해주는 방식을 사용했는데, 해당 방식으로 사용하니 새로고침할 경우에 reset.css가 풀려버리는 오류가 발생했다. 후에 찾아보니 해당 방식으로 사용하면 적용이 안 된다고 해서 다른 방법을 찾으려고 했다. 그러

밀리고 밀린 프로젝트 정리를 빠르게 정리하기 위해 오늘은 개발을 하루 쉬어가고 그동안에 했던 작업들을 정리하는 시간을 가져볼 것이다. 일단 UI 구현은 구상까지해서 2주정도 걸린 것 같다. 이번에 목표로 했던 건 반응형 웹 + 군더더기 없는 UI를 구현하고 싶어서 UI

메인 페이지를 구상하다보면 가장 만만해보이는(구현은 전혀 그렇지 않은) UI는 Carousel이라고 생각한다. 어떤 주제여도 사용할 수 있고, 깔끔해보이기 때문에 이번 프로젝트에서도 Main에 적당하다고 생각한다. 이전 프로젝트에서도 Carousel을 구현했는데 그때

5일동안 Firebase로 Auth 기능들을 구현해보았다. 처음 사용해보다보니 초기 설정에 어려움을 많이 겪었는데 그래도 조금씩 진행해나가다보니 필수적인 Auth 기능들은 거의 구현이 끝났다. 물론 기능적인 한계에 의해 구현을 못했거나, 의도했던 Flow와는 다르게 흘

꾸준하게 작성한다고 지난 게시글에서 다짐을 했던 것 같은데 구현말고도 코딩테스트 준비다 뭐다 여러가지를 하다보니 또 미뤄지게 돼서 이제서야 쓰게 되었다. 이번 게시글에서는 Firebase에 Hosting을 이용해 배포를 한 기록을 작성하고자 한다. 추가적으로 이전 Au

Firebase의 Hosting 기능을 이용해 배포를 해보았다. 배포를 언제쯤 하는 게 적당할까에 대한 고민을 했다. 외부 API를 제외하고는 API가 없기도 했고, 1인 개발이다보니 로컬에서 모든 게 해결이 돼서 최종 배포 때 한 번 배포하면 되지 않을까 처음엔 생각

Firebase에는 RealtimeDatabase와 Firestore 두 가지의 DB가 존재한다. RealtimeDatabase는 구형 데이터베이스로 Push Driven을 위해서 만들어진 데이터베이스이다보니 검색 쿼리가 생각보다 굉장히 빈약하다. 그래서 이것을 보안하

맛집 사이트이기 때문에 좋아요 기능은 필수라고 생각했다. 모든 음식점이 아닌 사용자 개인의 취향에 맞는 음식점만 따로 확인하는 것은 꼭 필요하기 때문에. 그래서 Firestore를 이용하여 간단하게 좋아요 기능을 구현해보았다.좋아요는 대부분의 페이지에서 확인이 가능하도

맛집이기 때문에 좋아요보다 더더더더 필수적인 기능은 리뷰이지 않겠는가.다양한 리뷰를 제공하기 위해 프로젝트에서는 네이버 리뷰와 사이트 후기 두 개를 제공하기로 하였다. 리뷰 또한 좋아요와 유사한 방법으로 reviews Collection을 이용해 만들었는데, 생각보다

맛집의 (또) 필수적인 기능 필터링 기능을 구현해보았다. 구현했던 것들 중에 필터링이 제일 복잡했던 것 같다. 그리고 다른 기능들에 비해 완벽하지는 않다. 아쉬운 점을 말하자면, list 출력을 하나의 컴포넌트에서 모든 걸 다 해결하려고 하니... 코드가 꼬이는 아쉬운

이번 프로젝트에서 가장 고생하고 고생했던 부분인 네이버 API 호출 부분을 기록하도록 하겠다. 필수적인 기능은 오늘 기록으로 끝나고, 아마 유저 테스트 결과를 마지막으로 프로젝트를 완전히 끝낼 수 있지 않을까 생각된다. 네이버 호출 자체는 어렵지 않았다. API 가이드

프로젝트를 진행하면서 꼭 해보고싶던 것이 있다면 개발과 상관없는 실제 사용자들의 후기를 받아보고 싶었다. 이번 프로젝트에서 처음 구현하는 반응형 웹이었지만, 사이트 자체에서 처음 구현해봤다는 느낌을 주고 싶지도 않았고, 나름 사용자가 편리하도록 디자인도 오래 구상했던