2차 프로젝트 회고

🧶 프로젝트 소개

5개의 카테고리로 이루어진 소통 커뮤니티 서비스

 

https://github.com/ehddk/genesis

 

🚩프로젝트 설명

 커뮤니티라는 큰 주제 속에 어떠한 테마로 해보는 게 좋을 까 하다가 질문과 답변식으로 이루어지는

서비스가 좋겠다! 싶은 의견들이 모여 결혼 후에 가장 관심있어 하는 분야를 카테고리로 잡았다.

카테고리 분야는 동물, 음식, 게임,육아, 영화로 총 5가지이다.

 

사실상 이번 프로젝트의 목적은 1차 프로젝트와는 다르게  기획-디자인-개발까지 우리가 스스로 API도 만들고 화면에 직접 렌더링하는

작업도 해보는 것이 가장 컸다!

 

🗓️ 프로젝트 기간

2024.09.21 ~ 2024.10.02 (휴일/공휴일을 제외하면 10일)

 

💻 기술 스택

HTML,  CSS, JS, Typescript, Node.js , MongoDB

 

💬 협업 툴

Github, notion , postman,  Figma, Google slide ,Discord ,Gather

 

💻 담당 구현 기능

• 헤더,푸터 마크업 
• 로그인,회원가입 API ,마크업 및 연동

조건을 만족하지 않으면 버튼이 비활성화 되도록 함.

• 카테고리 목록 필터링 작업

인기순은 좋아요 순이 많은 게시글이 상위노출되도록, 최신은 최근에 등록한 게시글이 노출되도록 정렬함.

• 좋아요 기능 , 댓글 API 작업 및 연동

 

 

 

📌 회고

• Keep( 좋았던 점)

1. 댓글 기능 구현

 Node.js를 사용해 직접 댓글 API를 만들고 user API와 관계짓는 과정이 제일 헷갈리고 오래걸렸다.

댓글을 등록할때 id가 댓글을 등록한 유저의 Id가 아니라 자꾸 게시글을 등록한 유저의 id가 불러와지는 문제점이 발생..

mongodb를 중첩으로 populate하는 과정에서 꼬인것 같았다.. 알고보니 내가 post의 id를 끌어오고 있었던 것!

스키마를 보고 post가 아닌 user 스키마의 profile에서 가져와야 하는 것을 깨닫고 하나하나 해결할 수 있었다.

계속 postman, mongodb를 확인하면서 데이터가 매칭되는 것을 계속 시도함으로써 성공했을때의 그 짜릿함이 이루어 말할 수 없다.

 

2. 직접 API 구현

항상 공공데이터 API만 받아와서 써봤는데 이렇게 라우터,컨트롤러,서비스,리포지토리로 API를 직접 만들어보니 어려웠지만

백엔드의 한 사이클 흐름을 이해할 수 있었고 , 어디서 어떤 역할을 하는 건지를 전반적으로 확인할 수 있었다.