[프로젝트] (Spring 팀과제) 뉴스 피드 프로젝트 만들기-1

오늘부터 Spring 팀과제로 뉴스 피드 만들기를 시작하게 되었다.

 

처음에 뉴스피드길래 뉴 스피드인 줄 알고 뭐를 만드는 거지?라고 생각했었다.ㅋㅋㅋ

 

알고 보니 뉴스 피드...ㅎㅎ 인스타와 페이스북 등등 새로운 소식을 알리는 것들을 의미한다.

 

과제의 필수 구현기능이다.

---

필수 구현기능

사용자 인증 기능

• 회원가입 기능
  • 새로운 사용자가 ID와 비밀번호의 형태로 서비스에 가입할 수 있어야 합니다.
    • 이때, 비밀번호는 안전하게 암호화되어 저장되어야 합니다!
• 로그인 및 로그아웃 기능
  • 사용자는 자신의 계정으로 서비스에 로그인하고 로그아웃할 수 있어야 합니다.

프로필 관리

• 프로필 수정 기능
  • 이름, 한 줄 소개와 같은 기본적인 정보를 볼 수 있어야 하며 수정할 수 있어야 합니다.
  • 비밀번호 수정 시에는 비밀번호를 한 번 더 입력받는 과정이 필요합니다.

게시물 CRUD 기능

• 게시물 작성, 조회, 수정, 삭제 기능
  • 게시물 조회를 제외한 나머지 기능들은 전부 인가(Authorization) 개념이 적용되어야 하며 이는 JWT와 같은 토큰으로 검증이 되어야 할 것입니다.
  • 예컨대, 내가 작성한 글을 남이 삭제할 수는 없어야 하고 오로지 본인만 삭제할 수 있어야겠죠?
• 게시물 작성, 수정, 삭제 시 새로고침 기능
  • 프런트엔드에서 게시물 작성, 수정 및 삭제를 할 때마다 조회 API를 다시 호출하여 자연스럽게 최신의 게시물 내용을 화면에 보여줄 수 있도록 해야 합니다!

뉴스 피드 기능

• 뉴스 피드 페이지
  • 사용자가 다른 사용자의 게시물을 한눈에 볼 수 있는 뉴스 피드 페이지가 있어야 합니다.

---

 

여기서 내가 맡게 된 부분은 사용자 인증 기능이다.

회원가입과 로그인 로그아웃 기능을 구현해야 한다.

 

프로젝트 명

우리 조 B08 조 IPv4는 (팀명 IPv4 인 이유 MBTI가 I 4명 P 4명이어서 정하게 되었다 나의 아이디어..ㅎㅎ)

프로젝트 명을 인스타그램과 비슷하게 BackEndGram으로 정하게 되었다.

(프로젝트명 정할 때 항상 내가 의견을 내는 편인데 다들 그걸로 하자고 해서 진짜 좋은 건지 그냥 하자는 건지 궁금하다.ㅎㅎ)

 

인스타그램과 비슷하게 백엔드 개발자들의 피드를 볼 수 있는 서비스를 만들고 싶었다.

 

프로젝트 로고

프로젝트명은 BackEndGram으로 정해져 로고도 만들어보았다.

깔끔한 디자인 폰트로 마음에 든다. ㅋㅋ

로고는 CANVA에서 만들었다 내가 자주 애용하는 사이트이다.

내가 만든 사각형 로고

내가 만든 가로형 로고

 

Wireframe

팀원들과 같이 figma로 Wirframe을 만들어보았다.

로그인 페이지와 회원가입페이지를 만들었다.

아직 처음이고 초기단계라 대충 만들었는데 추후에는 좀 더 잘 만들어보고 싶다.

 

figma로 만든 Wireframe

 

EDR

이 부분은 우리 팀의 팀장이신 재훈 님이 만들으셨다.

나는 아직 EDR 만드는 법을 잘 몰라 잘 만든 것 같았다.

재훈님이 만든 EDR

 

API 명세표

Api 명세표는 내가 구현하는 부분만 작성했다.

아래와 같이 작성하였는데 잘한 건지 모르겠다.. 아직 많이 부족한 나 자신.. 이번 프로젝트로 좀 더 발전했으면 한다.

다른 팀원이 맡은 부분은 밑에 S.A문서 작성한 팀장님의 블로그에 게재되었다.

 

로그인, 회원가입 API 명세표

 

 

S.A(Sofrware Architecture) 문서

아래는 우리 팀 IPv4가 만든 S.A다.

팀장님인 재훈 님의 블로그에 게재되었다.

https://blog.naver.com/hoonssss-/223270712282

Spring Team Project

 

 

프로젝트 진행하면서 느낀 점

역시 프로젝트를 팀원들과 같이 진행한다는 것은 너무나도 재밌다.

아직은 많이 부족하지만 같이 협업하면서 진행한다는 것이 재밌어서 개발자로 진로를 변경한 것을 후회하지 않는다.

오늘 S.A문서를 만들면서 WreFrame 도 만들고 로고도 만들고 Api 명세표도 만들었지만

그중 WireFrame과 로고 만드는 게 왜 그리 재밌는지... 프런트엔드 했어야 했나 싶다.. ㅋㅋㅋ

 

API 명세표를 만들면서 Request와 Response에 대해 좀 더 이해가 되었다.

아직 기술적인 부분을 적기에는 나의 실력과 지식이 부족하다..ㅠ

아까도 말했지만 이번프로젝트를 진행하면서 발전할 수 있는 개발자가 되겠다.