11. 15. 27일차 TIL Team Project_01

오늘은 고대하던 팀프로젝트의 발제 날이다. 오전에 발제를 시작하여 주제와 홈페이지의 컨셉을 정했다. 이후 피그마를 활용하여 워크프레임을 작성하였다. 챌린지 반 수업에서는 클린코드에 대해 학습하였다. 클린코드란 협업을 하는 개발자에게 매우 중요한 개념이며, 이 때 코드 컨벤싱과 깔끔하게 코드를 적는 기술이 필요하다.

---

1. 계획

 이번 과제는 뉴스피드 사이트를 만드는 것이다. 우리는 Y2K테마의 뉴스피드를 만들려고 한다.

1) 구성과 기능

• 로그인페이지
  
  • 회원가입 :  입력한 정보에 맞는 회원 정보를 생성한다.
  • 로그인 기능 : 회원정보에 저장된 아이디, 비밀번호와 일치하면 home페이지로 이동한다.
• Home페이지
  • 모든 웹사이트 사용자가 업로드한 뉴스피드를 볼 수 있는 페이지
  • 회원정보 : 프로필사진 수정기능, 자기소개 수정기능, 회원 목록 표시
  • 뉴스피드 : 즐겨찾기 추가, 댓글 작성하기, 더보기, 등
• 타임라인
  • 로그인 한 사용자가 업로드 한 뉴스피드만 볼 수 있는 페이지
• 즐겨찾기
  • 로그인 한 사용자가 즐겨찾기 한 뉴스피드만 볼 수 있는 페이지
• 글 작성
  • 내용과 원하는 사진을 첨부
• 뉴스피드 모달창
  • 뉴스피드 클릭 시 모달을 생성하여 상세페이지 구현
  • 댓글리스트 확인 및 댓글 작성가능
• nav
  • 타임라인, 즐겨찾기, 글쓰기 페이지로 이동할 수 있는 nav
• up-btn
  • 클릭 시, 페이지 상단으로 스크롤 바 이동
• 무한 스크롤 페이지
  • 페이지를 내릴 때 마다 DB에 저장된 뉴스피드가 렌더링

---

2. 워크프레임

1) 로그인 페이지

2) 홈페이지

3) 타임라인

4) 즐겨찾기

5) 글 작성

6) 모달 - 상세 정보

---

★ 27일차 소감

 

이번 프로젝트는 다음주 목요일까지 완성해야한다. 첫 주에 억지로 구성하여 참여했던 팀 프로젝트의 경험이 이번 팀 프로젝트 계획에 많은 도움이 되었다. 먼저 어떤 테마, 어떤 주제를 가진 웹사이트를 만들지를 결정한 이후 피그마를 통해 모든 조원이 참여하여 워크프레임을 작성하였다. 내일은 주말이지만 짧게나마 회의를 하기로 했고 스키마 설계와 함께 공통컴포넌트로는 어떤 기능을 구분할지, git hub 레퍼지토리 생성, 등등을 할 계획이다. 이번 프로젝트도 화이팅!