2025-04-28.3.22.21.mov
Wikied는 위키나무를 벤치마킹해 제작한 사이드 프로젝트입니다.
나의 위키를 지인이 마음대로 수정할 수 있지만, 주인이 설정한 퀴즈에 정답을 맞추어야 가능하다는 점에서
지인과의 친밀도가 얼마나 높은지 테스트할 수 있는 친분의 장으로 활용하면 좋습니다.
- 제작기간: 24.10.18 ~ 24.11.05
- 제작 인원: FE 4명
| 정준영 | 전상민 | 김진 | 김원 |
|---|---|---|---|
 |
 |
 |
 |
| junjeeong | junjeong | jjeankim | DrowsyzzZ |
- 로그인/회원가입 페이지
- 유효한 이메일과 비밀번호를 입력하고 '로그인' 버튼을 클릭하면
/페이지로 이동합니다. - 비밀번호가 틀릴 경우 “비밀번호가 일치하지 않습니다.” 경고 창을 보여줍니다.
- 이메일 input에서 focus out 일 때, 값이 이메일 형식이 아닐 경우 input에 빨강색 테두리와 아래에 “이메일 형식으로 작성해 주세요.” 빨강색 에러 메세지가 보입니다.
- 비밀번호 input에서 focus out 일 때, 비밀번호 길이가 8자 미만일때 input에 빨강색 테두리와 아래에 “8자 이상 작성해 주세요.” 빨강색 에러 메세지가 보입니다.
- 로그인 성공시 엑세스 토큰이 발급됩니다. 이후 /login 페이지로 이동합니다.
- 이름 Input에서 focus out 일 때, 값이 열 자 이하가 아닐 경우 이름 input에 빨간색 테두리와 아래에 “열 자 이하로 작성해주세요.” 빨간색 에러 메세지가 보입니다.
- 이메일 input에서 focus out 일 때, 값이 이메일 형식이 아닐 경우 이메일 input에 빨강색 테두리와 아래에 “이메일 형식으로 작성해 주세요.” 빨강색 에러 메세지가 보입니다.
- 비밀번호 input에서 focus out 일때 비밀번호 input 값 길이가 8자이상이 아닐 경우 비밀번호 input에 빨간색 테두리와 아래에 “8자 이상 입력해주세요.” 빨강색 에러 메세지가 보입니다.
- 비밀번호 확인 input에서 focus out 일 때 비밀번호 input 값과 비밀번호 확인 input 값이 다를 경우 비밀번호 확인 input에 빨간색 테두리와 아래에 “비밀번호가 일치하지 않습니다.” 빨강색 에러 메세지가 보입니다.
- 활성화된 '가입하기' 버튼을 누르면 “가입이 완료되었습니다” alert 창을 보여주고
/login페이지로 이동합니다.
- 계정 설정 페이지
- 새 비밀번호 확인 input에서 focus out 일 때 새 비밀번호 input 값과 새 비밀번호 확인 input 값이 다를 경우 새 비밀번호 확인 input에 빨간색 테두리와 아래에 “비밀번호가 일치하지 않습니다.” 빨강색 에러 메세지가 보입니다.
- '변경하기'를 클릭하면 비밀번호가 변경됩니다.
- 질문과 답을 입력한 후 '생성하기'를 클릭하면 내 위키가 생성됩니다.
- 내 위키 페이지
- '위키 참여하기' 버튼을 클릭하면 퀴즈 모달창이 나타납니다.
- 모달창의 정답을 맞추면 수정 가능 상태로 변경됩니다.
- 정답과 다르면 수정할 수 없습니다.
- 내 위키에 한해서 인적사항 [ 프로필 사진, 거주도시, MBTI, 직업, SNS, 생일, 별명, 혈액형, 국적]이 변경 가능합니다.
- 위키 내용 수정이 가능합니다.
- 5분 동안 수정이 가능하고, 5분 을 초과하면 “5분 이상 글을 쓰지 않아 접속이 끊어졌어요.” 모달창이 나타납니다.
- 확인을 누르면 수정 상태가 취소됩니다.
- '링크' 버튼을 누르면 내 위키에 참여할 수 있는 링크가 복사됩니다.
- 위키 상세 페이지
- '위키 참여하기' 버튼을 클릭하면 퀴즈 모달창이 나타납니다.
- 모달창의 정답을 맞추면 수정 가능 상태로 변경됩니다.
- 내 위키가 아니면 [ 프로필 사진, 거주도시, MBTI, 직업, SNS, 생일, 별명, 혈액형, 국적]이 변경이 불가능합니다.
- 위키 내용은 수정이 가능합니다.
- 5분 동안 수정이 가능하고, 5분 을 초과하면 “5분 이상 글을 쓰지 않아 접속이 끊어졌어요.” 모달창이 나타납니다.
- 확인을 누르면 수정 상태가 취소됩니다.
- '링크' 버튼을 누르면 현재 위키에 참여할 수 있는 링크가 복사됩니다.
- 위키 목록 페이지
- 위키 카드를 누르면 해당 위키 페이지로 이동합니다.
- 링크를 누르면 해당 위키 링크가 복사됩니다.
- 나의 위키 갱신 알람
- '알림 아이콘' 버튼을 누르면 내 위키의 수정된 내역을 확인할 수 있습니다.
- 각 알림 'X' 버튼을 누르면 알림은 삭제됩니다
- 자유게시판 목록 페이지
- 만들어지 게시물을 모두 보여줍니다.
- 베스트 게시글은 좋아요가 높은 순으로 보여줍니다
- 원하는 검색어를 입력하고 '검색' 버튼을 누르면 제목에 검색어의 일부가 포함되면 검색됩니다,
- 원하는 게시물을 클릭하면 게시물 상세 페이지로 이동합니다
- 게시물 등록 페이지
- '목록으로' 버튼을 누르면 “/boards”페이지로 이동합니다.
- 값을 입력하고 '등록하기' 버튼을 누르면 게시물이 등록됩니다.
- 등록된 “/boards/{boardId}” 게시물 상세 페이지로 이동합니다.
- 게시물 상세 페이지
- '목록으로' 버튼을 누르면 “/boards”페이지로 이동합니다.
- 내가 작성한 게시글에 대해서 ‘수정하기’ 버튼을 누르면 게시글을 수정할 수 있습니다.
- 내가 작성한 게시글에 대해서 ‘삭제하기’ 버튼을 누르면 게시글을 삭제할 수 있습니다.
- 해당 게시글에 댓글을 등록할 수 있습니다.
- 내가 작성한 댓글에 대해서 수정하기 버튼을 누르면 게시글을 수정 할 수 있습니다.
- 내가 작성한 댓글에 대해서 ‘삭제하기’ 버튼을 누르면 게시글을 삭제할 수 있습니다.
[홈페이지]
[검색 기능]
[위키 목록 페이지]
