NerdNest

4인 Team Project

배포링크

GitHub

Service

프로젝트 기여도 80%

    기능 리스트

  • Auth 페이지
  • 로그인 기능
  • 회원가입 기능
  • 로그아웃 기능
  • OAuth 로그인 기능
  • OAuth 회원가입 기능
  • 블로그 리스트
  • 카테고리 기능
  • 블로그 CRUD
  • 유저 프로필 수정기능
  • 이미지 업로드기능
  • 메인페이지
  • 블로그 상세페이지
  • 블로그 댓글 작성
  • 검색페이지
  • 블로그 기록기능
  • 공용 컴포넌트 구현

    총 구현 리스트

  • Auth 페이지
  • 로그인 기능
  • 회원가입 기능
  • 로그아웃 기능
  • OAuth 로그인 기능
  • OAuth 회원가입 기능
  • 블로그 리스트 페이지
  • 카테고리 기능
  • 블로그 CRUD
  • 이미지 업로드 기능
  • 유저 프로필 수정 기능
  • 공용 컴포넌트 구현

Discription

17개의 페이지 및 기능중 12개를 구현했고 기능에 대한 기여도는 70% 입니다. 그외 팀장으로써 팀원을 모으는것 부터 규칙 및 팀을 리드하는것과 의견조율 및 코드리뷰 및 최종배포 전 통합 테스트등으로 나머지 10%를 기여했습니다.

주요기능

블로그 작성

블로그의 Title Image를 업로드 할 수 있습니다. 이미지는 JPG 확장자 이외에는 등록이 되지않게 설정했습니다. 그리고 제목과 내용을 입력 후 생성한 카테고리를 설정해서 게시글을 올릴 수 있습니다.
gif

블로그 수정

작성과 전반적 기능이 같습니다. 수정을 누르면 이전에 입력되어있던 정보들을 받아 올 수 있습니다. GIF상 이미지가 안받아와지는 이유는 현재 배포되어있는 서버의 Error로 판단됩니다.
gif

Category

카테고리의 CRUD가 가능합니다. 카테고리가 삭제되더라도 안에 내용의 게시글은 삭제되지 않고 생성,수정,삭제 모두 즉시적으로 반영 될 수있도록 만들었습니다.
gif

OAuth Login

OAuth 로그인 기능입니다. Page로 리다이렉트 시킨 후 해당 URL Query를 백엔드로 보내주는것 까지 구현하였고 그 뒤에 백엔드의 응답결과값을 받은후 즉시 로그인 되도록 구현했습니다.
gif

로그아웃

간단한 로그아웃 기능입니다. 로그인 정보는 로컬스토리지에 저장되어 있고 해당 정보를 삭제하게끔 구현 했습니다.
gif

회원가입

기본적인 Validation은 모두 적용 되어있는 상태입니다. 모든 검증을 통과하지 않으면 회우너가입 버튼이 눌리지 않습니다.
gif

Profile

프로필의 수정기능 입니다. 중복된 닉네임을 입력시 에러가 발생되고 수정이 완료되지않게 구현 하였습니다. 닉네임과 자기소개, 사진까지 수정이 가능합니다. 해당 GIF에서 수정이 되지않는 이유는 현재 배포되어있는 서버S3에서 이미지 에러가 발생되어서 수정이 되지않습니다. 하지만 Value자체는 수정되는것을 이전 확인했습니다.
gif