첫번째 풀스택 프로젝트인 지도 검색 서비스 제작기를 글로 담아봤습니다.
Created by @kimyoungjo
007. 프로젝트 회고 [지도 검색 서비스 제작기]
프로젝트 개요프로젝트 기간: 2024.05.22 ~ 2024.07.09 프로젝트 목표: 외부 라이브러리 사용해보기 개발부터 배포까지의 풀 스택 개발 경험해보기 사용자 경험 개선을 위한 성능 향상 고민 프로젝트 배경 및 목적내가 가장 많이 사용하는 서비스가 뭔지를 고민해봤습니다. 이번 프로젝트의 목표가 단순한 기능 구현이 아닌 사용자 경험 개선까지 고려하여 프로젝트의 완성도를 높이는 것에 있기 …
2024년 07월 17일
·
7분 분량
006. EC2, docker를 이용한 배포 후기 [지도 검색 서비스 제작기]
프로젝트 링크 지금 경로탐색 기능과 ssr로 구현한 로그인 화면이 나오지 않고 있습니다. 참고해주시길 바랍니다. 프로젝트 아키텍쳐 React는 Cloudfront에, express는 docker를 이용해 aws ec2에 배포했다. 정말 이 한 줄로 표현하는게 너무 아쉬울정도로 역대급 삽질을 경험했다. 그 삽질들 중 기억에 남는 삽질에 대해서 작성해보려한다. UBUNTU학부생때 우분투 라는게 뭔지도 모르면서 컴공 감성이라며 노트북에 …
2024년 06월 25일
5분 분량
005. 프로젝트 아키텍쳐 [지도 검색 서비스 제작기]
프로젝트의 끝으로 향하고 있는 지금 readme와 포트폴리오에 들어갈 아키텍쳐를 시각화해봤다. 사용 툴: canva 남은 할 일 도메인 설정 후 최종 배포하기 Jest, super test로 react, express 코드 테스팅 해보기
2024년 06월 24일
0분 분량
004. db optimization 경험해보기 [지도 검색 서비스 제작기]
프로젝트 DB 최적화 과정 기술이번 프로젝트에서 DB 성능 개선을 가장 우선시한 이유는 시스템 전체적인 성능 향상과 사용자 경험 개선을 목표로 하고 있는데 DB가 사용자 경험에 있어 가장 큰 성능적 체감을 제공한다고 생각하기 때문이다. 이번 프로젝트는 MongoDB를 사용 중이며, 성능 개선의 대상은 사용자의 가입일에 따라 동적으로 댓글 작성 권한을 부여하는 기능이다. …
2024년 06월 17일
3분 분량
003. 일단 완성은 했는데.. [지도 검색 서비스 제작기]
react, express 기반 풀스택 프로젝트 my-map의 경로탐색 기능을 사용한 모습 지난 글에서의 계획지난 글에서 앞으로의 계획을 마지막 문단에 기재했었는데 내 말을 얼마나 지켰는지 한 번 자체적으로 평가해봤다. 일단 이번 주 안으로 기능 구현을 마무리 지을 수 있을 것 같다.일단 기능 구현을 저번주 일요일까지 하기로 했었는데 그 잘 안됐어요 미안해요 그래도 …
2024년 06월 12일
002. 그래서 2주 동안 뭐함 ? [지도 검색 서비스 제작기]
GPT가 고장난 김에 지난 2주간 무엇을 했는가에 대해 성과보고회를 열고자 한다. 5월 20일 들어가 있는 개발관련 오픈카톡에서 면접관을 하셨다는 분께서 신입 지원자들의 git을 보면 commit 메시지 관리도 되지않은게 90% 이상이다 라는 말을 들었다. 정말 부끄럽게도 나도 그 말을 듣고 commit 메시지에도 규칙이 있다는 것을 알았다. 그리고 이번 프로젝트에 바로 적용해야겠다 …
2024년 06월 04일
001. SWR vs React Query [지도 검색 서비스 제작기]
이번에 풀스택으로 개발 해 볼 서비스로 이전에 react만을 이용해 만들어봤던 지도검색 사이트를 강화해보고자 한다. 기술 스택을 어떻게 정하고 갈지 기획하는 단계인데 지도 검색 서비스 특성상 많은 데이터를 다뤄야 하는 만큼 데이터 관련 라이브러리에 대한 고민을 이어가다 SWR, React Query 두 가지로 후보군을 좁혔다. 둘 다 프로토타입을 만들어 볼 예정이긴 하지만 …
2024년 05월 24일
4분 분량
