HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 4기 교육생
/
💟
김요한팀
/
🐾
괴발개발
/
시연 영상

시연 영상

태그
회의
날짜
동현
  1. 유저 정보 페이지, 비밀번호 변경 페이지(25초)
    1. notion image
2 . 회원가입 페이지, 로그아웃, 로그인 페이지(30초)
notion image
  1. 인증 유무에 따른 페이지 접속 허가(20초)
    1. notion image
 
 
혜수
  1. 사이드바
    1. notion image
5. 게시글 수정, 작성, 조회
notion image
  1. 에러페이지
    1. notion image
진욱
  1. 홈페이지, 채널 페이지, 태그 검색 페이지 (26초)
    1. notion image
9. 각 채널 별 반응형 시연 (21초)
notion image
  1. 검색 모달 (22초)
    1. notion image
 

시연 영상 필요 목록

 
  1. 홈페이지
    1. 최신순, 인기순 정렬
    2. 각 채널별 페이지네이션
    3. 채널 눌렀을 때 채널가는거 까지
  1. 사이드 바 & 플로팅 버튼
    1. 검색탭을 누르면 모달이 나타남
      1. 검색조건 설정 → 검색어 입력하면 일치하는 게시글 & 사용자 나타남
      2. 사용자 닉네임 누르면 해당 사용자의 정보 페이지로 이동
      3. 게시글 누르면 해당 게시글 article 페이지로 이동
      4. 자세히 보기 누르면 검색 완료페이지로 이동해 모든 검색결과 보기 가능
    2. 알림탭을 누르면 알림 드롭다운 나타나며 누가 좋아하거나 댓글을 남겼는지 보이고 이를 누르면 해당 게시글로 이동
      1. 모두 읽음 처리를 누르면 알림이 사라짐
    3. 내정보 탭을 누르면 나의 정보를 수정할 수 있는 부분과, 내가 쓴 글을 채널별로 볼수 있는 부분이 있음
    4. 채널 탭 중에 하나를 누르면 원하는 채널로 이동할 수 있음
    5. 오른쪽하단에 펜 버튼을 누르면 글 작성 페이지로 이동할 수 있음
    6. 로그아웃을 버튼을 누르면 로그아웃을 할 수 있음
    7. 라이트 모드, 다크모드를 변경 할 수 있음
 
  1. 유저 정보 페이지(a, b, c)
    1. 프로필을 누르면 프로필을 업데이트 할 수 있음
    2. 펜 아이콘을 누르면 닉네임을 변경 할 수 있음
    3. 채널탭을 누르면 각 채널별로 쓴 글을 확인 할 수 있음
  1. 채널페이지
    1. 게시글을 내리면 무한스크롤
    2. 스크롤 아래로 내리면 scroll to top 버튼이 생기고 누르면 처음으로 이동
  1. 회원가입 페이지
    1. 규칙에 맞게 계정을 생성할 수 있음 ⇒ 규칙이 맞지 않는다면 생성할 수 없음
  1. 로그인 페이지
    1. 올바른 비밀번호와 아이디가 들어왔을때 로그인을 할 수 있음
  1. 비밀번호 변경 페이지
    1. 규칙에 맞게 비밀번호를 변경 할 수 있음 ⇒ 비밀번호와 확인이 일치하지 않으면 변경 할 수 없음
  1. 에러페이지
    1. 잘못된 주소가 왔을때 에러페이지가 노출됨
  1. 게시글 조회 페이지
    1. 좋아요를 누를 수 있다.
    2. 댓글을 쓸 수 있다.
    3. 댓글을 삭제 할 수 있다.
    4. 글을 삭제 할 수 있다.
  1. 게시글 작성 페이지
    1. 채널을 선택할 수 있음
    2. 태그를 추가할 수 있음
    3. 글을 작성할 수 있음
    4. 썸네일을 추가할 수 있음
  1. 게시글 수정 페이지
    1. 채널, 태그, 글, 썸네일을 수정할 수 있음
  1. 각 채널 별 반응형 시연
  1. 각 채널 별 스켈레톤 UI 시연
  1. 로그인 한 상태로 로그인, 회원가입 페이지 들어갈시 홈페이지로 이동
  1. 로그인 안 한 상태로 게시글 생성,수정 비밀번호 변경 페이지 접속시 홈페이지로 이동
 
 
 
 
 
  • 글쓰기 버튼 눌러 새로운 글 쓰기
  • 스크롤 아래로 내리면 scroll to top 등장
  • 사이드바의 채널들 누르면 각 채널로 이동됨
  • 검색탭을 누르면 모달이 나타남
    • 검색 조건 설정 → 검색어 입력하면 일치하는 게시글 & 사용자 나타남
      • 사용자 닉네임 누르면 해당 사용자의 정보 페이지로 이동
      • 게시글 누르면 해당 게시글 article 페이지로 이동
      • 자세히 보기 누르면 검색 완료페이지로 이동해 모든 검색결과 보기 가능
  • 알림탭을 누르면 알림 드롭다운 나타나며 누가 좋아하거나 댓글을 남겼는지 보이고 이를 누르면 해당 게시글로 이동
  • 모두 읽음 처리를 누르면 알림이 사라짐