첫 번째 프로젝트(2주) - DebugNote

DebugNote

개발 중에 마주하는 ErrorMarkdown 형식으로 작성하고 공유할 수 있는 커뮤니티 서비스

💻 배포주소
📑 프로젝트 발표 슬라이드

주요 기능

  1. Error 해결 과정을 Markdown형식으로 기록하고, 조회할 수 있습니다.
  2. 게시물에 댓글을 달고 유저들과 소통할 수 있습니다.
  3. 제목 또는 내용을 검색하여 원하는 게시물을 찾아볼 수 있습니다.
  4. 도움이 되는 게시물을 북마크하고, Mypage에서 모아볼 수 있습니다.

(+ 게시물 목록은 10개씩 표시되고, 페이징되어 있습니다.)

기획 상세

1. 와이어프레임

📈 Figma 작업 페이지

2. 스택

3. DB 스키마

팀원 별 역할

📱 Front-End

정태영(작성자)

 • Position: Front-end
 • Stack: Javascript, React, Styled-component
 • Contribution
   - 게시글 작성 페이지
   - 게시글 상세 페이지 
     - 게시글 수정 / 삭제 기능 구현 
     - 댓글 섹션
       - 작성 / 조회 / 수정 / 삭제 기능 구현
   - 섹션 별 게시물 목록 페이지네이션
   

김수현님

 • Position: Front-end
 • Stack: Javascript, React, Styled-component
 • Contribution
   - 개발환경 세팅
   - 디자인 전반
   - 회원가입 페이지
   - 마이페이지(회원정보/ 작성글/ 북마크)
   - 메인페이지(검색창/ 검색 결과 조회 섹션)
   - 로그인 모달 창 
   

🗄 Back-end

유지훈님

 • Position: Back-end
 • Stack: Node.js, Express, MySQL, Sequelize, Bcrypt
 • Contribution
    - 로그인, 로그아웃
    - 게시물의 댓글 CRUD
    - 북마크 추가 및 삭제
    - 마이페이지 내가 쓴 글 및 북마크 한 글 불러오기
    - 소셜 아이디 로그인 기능        

박재현님

 • Position: Back-end
 • Stack: Node.js, Express, MySQL, Sequelize, Multer
 • Contribution
    - 회원가입, 회원탈퇴
    - 인증
    - 게시물 CRUD
    - 게시물 제목, 본문 내용 검색 기능
    - 마이페이지 내 정보 수정
    - 소셜 아이디 로그인 기능

좋은 웹페이지 즐겨찾기