- 게시물 등록/수정/삭제 기능
- 좋아요 기능
- 팔로우 및 팔로우 취소 기능
- 프로필 사진 등록 및 변경 기능
- 상태 메시지 등록 및 수정 기능
- 내 게시물 보기 기능
- 해시태그 기능
- 비밀번호 찾기 기능
- 테마 색상 변경 기능
- 사진 업로드 버튼 클릭으로 이미지 첨부
- 글 작성 후 게시 버튼 클릭
- 게시물 등록 후 창 자동 새로고침
- 수정할 게시물 우측 상단의 수정 버튼 클릭 시, "수정할 내용을 입력하세요." 입력 창 표시
- "수정할 내용을 입력하세요." 입력 창에 수정할 내용 입력 후 확인 버튼 클릭
- 게시물 수정 후 창 자동 새로고침
- 삭제할 게시물 우측 상단의 삭제 버튼 클릭 시, "삭제 하시겠습니까?" 메시지 표시
- "삭제 하시겠습니까?" 메시지에서 확인 버튼 클릭
- 게시물 삭제 후 창 자동 새로고침
- 엄지 버튼 클릭 시, 좋아요 수 1증가
- 팔로우할 계정의 팔로우 버튼 클릭 시, "팔로잉하시겠습니까?" 메시지 표시
- "팔로잉하시겠습니까?" 메시지에서 확인 버튼 클릭
- 좌측 레이아웃 팔로잉 수 1증가
- 기존 팔로우 버튼이, 팔로우취소 버튼으로 변경
- 내 프로필 버튼 클릭 시, 팔로잉 목록에 팔로우 버튼 클릭한 계정 닉네임 표시
- 팔로우 취소할 계정의 팔로우취소 버튼 클릭 시, "팔로우취소하시겠습니까?" 메시지 표시
- "팔로우취소하시겠습니까?" 메시지에서 확인 버튼 클릭
- 좌측 레이아웃 팔로잉 수 1감소
- 기존 팔로우취소 버튼이, 팔로우 버튼으로 변경
- 내 프로필 버튼 클릭 시, 팔로잉 목록에 팔로우취소 버튼 클릭한 계정 닉네임 표시 삭제
- 내 프로필 버튼 클릭, 프로필사진 업로드 버튼으로 이미지 첨부 후 등록 버튼 클릭
- 좌측 레이아웃에 프로필 사진 등록
- 메인 화면 버튼 클릭으로 메인 화면 이동 시, 닉네임 상단에 프로필 사진 표시
- 내 프로필 버튼 클릭, 프로필사진 업로드 버튼으로 이미지 첨부 후 등록 버튼 클릭
- 좌측 레이아웃에 변경한 프로필사진 등록
- 메인 화면 버튼 클릭으로 메인 화면 이동 시, 닉네임 상단에 변경한 프로필 사진 표시
- 내 프로필 버튼 클릭 후 변경 버튼 클릭 시, "변경할 내용을 입력하세요." 입력 창 표시
- "변경할 내용을 입력하세요." 입력 창에 내용 입력 후 확인 버튼 클릭
- 상태 메시지 등록 후 창 자동 새로고침
- 메인 화면 버튼 클릭으로 메인 화면 이동 시, 닉네임과 게시글 사이에 상태 메시지 표시
- 내 프로필 버튼 클릭 후 변경 버튼 클릭 시, "변경할 내용을 입력하세요." 입력 창 표시
- "변경할 내용을 입력하세요." 입력 창에 변경할 내용 입력 후 확인 버튼 클릭
- 상태 메시지 변경 후 창 자동 새로고침
- 메인 화면 버튼 클릭으로 메인 화면 이동 시, 닉네임과 게시글 사이에 변경한 상태 메시지 표시
- 메인 화면에서 내 게시글 버튼 클릭 시, 현재 접속한 계정이 작성한 게시글만 표시
- 전체 게시글 버튼 클릭 시, 전체 게시글 표시
- 태그 검색 란에 해시태그 입력 후 검색 버튼 클릭
- 해당 해시태그 게시물만 표시
- 비로그인 상태에서 좌측 레이아웃 비밀번호 찾기 버튼 클릭 시, 비밀번호 찾기 창 표시
- 이메일, 질문, 답 입력 후 찾기 버튼 클릭
- 해당하는 계정명과 비밀번호를 원문으로 알려주는 메시지 표시
| 메인 | 노을 | 다크 |
| 해변 | 매력 | 카툰 |
| 모던 | 레고 | 미니멈 |
- 랜덤 테마 버튼 클릭 시, 9가지의 테마 중 무작위 변경
Node.js version 16.17.0
MySQL version 8.0.26
Visual Studio Code IDE version 2022-09 (1.72.0)