[TIL] 뉴스피드 팀프로젝트 시작!

기획

우리 팀 기획 피그마 쩔죠
프로젝트 다육이 시작합니다~ 왜 이름이 다육이냐하면 뉴스피드 프로젝트를 내배캠 리액트6기생의 커뮤니티를 만들고자하는데 마침 6기인 만큼 다6이가 되어버린 모습이다. 제일 왼쪽을 보면 팔레트가 있는데 다육이인 만큼 녹색의 컨셉을 잡고 싶었다. 그러던 중 리액트도 JS고 JS의 런타임 환경인 Node.js의 컨셉 색상이 마침 녹색이었던 것이 기억나서 추천했었는데 제일 나은 색 조합 같아서 고르게 되었다.

페이지

팀 프로젝트의 구성은 메인 페이지, 로그인, 회원가입, 마이페이지, 회원정보 수정페이지, 글쓰기 페이지, 글 수정 페이지, 상세 페이지 총 7개의 페이지로 나뉘어졌다.

메인 페이지

DB에 존재하는 모든 게시글을 보여주는 게시판의 형태를 가지고 있을 예정

로그인, 회원가입

평범한 로그인 회원가입 형식 예정입니다.

회원정보수정

회원의 프로필 이미지 수정 및 아이디 혹은 이름을 변경 토록 하는 페이지입니다.

마이페이지

회원이 작성한 글과 본인의 정보를 볼 수 있는 페이지인데 시간이 남는다면 스크랩 기능을 구현하고 스크랩된 글까지 볼 수 있게 하는 것이 목표!

글쓰기, 글 수정

이 구역을 내가 맡게 되었는데 우선 form과 input으로 간좀 보다가 toast ui editor라는 라이브러리를 사용해서 마크다운을 사용한 글 쓰기가 되도록 구현해볼 생각이다.

요래 생겼는데 벨로그와 아주 유사한 UI를 가지고 있다. 반드시 구현하고 만다.

상세페이지

상세페이지에서도 글 내용을 확인하는 부분은 내가 구현을 맡았고 댓글은 현준님이 맡아주셨다. 요것도 순식간에 해치우는 것이 목표!

내일부터 제대로 된 프로젝트가 시작될텐데 한번 빡시게 해보자하는 마인드로 머리박기 시작이다. 화이팅!