[MarkYour2022] 프로젝트 회고

📌 코드: https://github.com/MarkYour2022

📌 결과물: http://markyour2022.site/

📌 예시: http://markyour2022.site/result/2509248128

 

🔎 프로젝트 소개: 올해의 OO 키워드로 2022을 돌아보고 기록하는 사이트

🔎 사용한 스택: React.js, Node.js(express), MongoDB, AWS(EC2)

🔎 서비스 내용:

홈

• MY 2022 만들기 → 로그인 페이지로 이동
• 공유하기 → 카카오 공유하기

 

로그인

• 회원가입 없이 카카오 간편로그인
• 회원정보 DB에 저장하지 않고 redux에 저장(보완 필요)
• 로그인 시 버거메뉴 내용 변화
• 로그인 → 글이 있을 경우 본인 글 조회, 없을 경우 글쓰기 페이지로 이동

 

글쓰기

• 닉네임 / 간단 답변 / 상세답변 입력
• 뒤로가기 → 홈 / 저장하기 → 글

 

 

글 조회

• params로 전달된 post_id로 DB에서 글 조회 후 redux에 저장
• 로그인 했을 경우에만 수정/삭제 가능
• 사진으로 저장하기 → 작성한 글이 png 파일로 저장됨
• 다른 모드 만들기 → 9개 모드가 있는 페이지로 이동
• 댓글 목록, 등록, 수정, 삭제(로그인 필요 없음)

 

수정하기

• 글 수정
• redux에 저장된 글 정보를 토대로 defaultValue 설정
• 뒤로가기 → 글 / 저장하기 → 글

 

다른 모드로 보기

• 요약 모드, 그림일기 모드, 별빛 모드, 선셋 모드, 불꽃놀이 모드, 달빛 모드, 달빛 모드2, 라이트 모드, 집 모드
• redux에 저장된 글 정보 사용

 

🔎 담당 파트

• 백엔드 전체: 글, 댓글 CRUD
• DB 설계 및 구축
• 프론트엔드 보조(redux, DB 통신, 카카오 API 사용)
• 서비스 배포(AWS)
• 주제 선정

 

🔎 보완해야 할 점

• 로그인
  • redux를 이용하면 새로고침 시 정보가 사라지기 때문에 번거로울 수 있음
  • Localstorage를 이용하거나, 회원정보를 DB에 저장하는 방법

• 카카오 공유하기
  • 2번 눌러야 정상 작동함

• 백엔드
  • 에러 처리를 보다 구체적으로 할 필요가 있음

 

🔎 후기

1. 백엔드를 혼자서 맡았기 때문에 다양한 의견을 주고 받을 수 없었던 점에 대한 아쉬움이 있다.
2. 프론트엔드에 비해 백엔드의 난이도가 낮고, 양이 적었다. 전부 이전에 했던 프로젝트나 학습 때 구현해봤던 것들이다. 기능을 추가하는 걸 고려했지만 기간 내에 끝내기 위해서는 프론트엔드를 도와야 했기 때문에 그러지 못했다. 백엔드 담당이었는데 프론트엔드에 더 많은 시간을 할애한 것 같아 아쉽다.
3. 다음 프로젝트는 DB, 배포 방법을 다르게 해서 진행해보고 싶다.