뉴스 피드라고 해서 꼭 우리가 흔히 아는 뉴스같은 느낌으로 쓰는 것은 아니다
뉴스 피드란? 내 게시물을 포함한 모든 게시물을 볼 수 있는 공간
→ 블로그, 커뮤니티, SNS 전부 될 수 있음 뉴스를 보여주는 사이트가 아님!
1. 프로젝트명
OUR KNOWLEDGE!
1-1 프로젝트 설명
“아워놀리지(Our Knowledge)” 는
기본적으로 개발자들이 본인들의 코드를 공유하며 피드백을 의도하거나, 정보를 공유하고, 해당 게시글을 조회한 개발자들은 의견을 댓글로 달아 소통을 하는 사이트 입니다. 개발자들은 물론 개발자를 희망하거나, 개발자들이 어떤 코드를 짜고 공유하고 있는 지 궁금해하는 일반인들도 방문하여 정보를 얻어가고, 간혹 개발자들이 생각할 수 없는 아이디어를 타 직종 종사자들이 공유해줄 수도 있다는 기대를 하며 개발하게 되었습니다.
2. 와이어 프레임
메인페이지
상세페이지
마이페이지
글 수정 에디터, 댓글
로그인, 회원가입
3. 기능
- 뉴스피드 ( 게시글 간략, 사용자 정보, 좋아요 수, 토글 시 상세페이지 이동) (메인페이지)
- 마이페이지 (프로필 수정, 내 게시글 확인, 게시글 토글 시 상세페이지 이동) (마이페이지)
- 로그인, 회원가입 모달 (로그인, 회원가입)
- 게시글 상세 정보, 사용자 정보, 게시글 수정 및 글쓰기 에디터 버튼, 댓글 버튼 (상세페이지)
- 글쓰기 에디터 ( 코드 블럭 자동 감지) 댓글 수정, 삭제
저 여러가지 기능 중 로그인, 회원가입 기능을 맡았다.
일단 협업을 위한 레포지토리를 하나 만든 후, 거기서 dev 브랜치를 만들어서 과제를 할 때 필요한 기본 셋업은 맞춰둔 상태로 push를 해놨다
ex) styled-components, react router dom, supabase 등등
필수 구현 사항
필수 구현 사항에 첨부된 공식문서 링크를 통해 로그인, 회원가입 기능을 만들어 보려 했는데 오늘은 발제 영상 보고 팀끼리 피그마로 디자인 회의하고 이것저것 기초 셋업 마치느라 따로 코드 작성은 시작 못 할 거 같다..!
그치만 주말에 열심히 하겠어 화이또
개발자가 되고 싶어~~~