목차

1. 개발 멤버 소개
2. 서비스 소개
3. 기술 스택
4. 시스템 아키텍처
5. 주요 기능
6. 시연 영상
7. 프로젝트 기간

👪 개발 멤버 소개

🙂 박성익 (Front-End)	🙂 윤재성 (Back-End)

💡 서비스 소개

패션 커뮤니티 웹 애플리케이션

LOTD는 "Look Of The Day"의 약자로, 패션 커뮤니티를 위한 웹 애플리케이션입니다.
LOTD는 사용자들이 일상 속 패션을 공유하고, 옷 스타일에 대한 의견을 교환할 수 있는 플랫폼을 제공합니다.

당신의 하루를 공유해주세요!

🛠️ 기술 스택

FrontEnd

BackEnd

상세 기술스택 및 버전

구분	기술스택	상세내용	버전
공통	형상관리	Git	2.44.0
	커뮤니케이션	Notion, Slack, KakaoTalk	-
FrontEnd	JavaScript(ES6)	-	-
	React	react	17.0.2
	React	react-dom	17.0.2
	React	react-router-dom	6.21.1
	React	react-hook-form	7.49.2
	Axios	axios	1.6.5
	Styled-Components	styled-compoenents	6.1.8
	Mui	mui	5.15.12
	Toast-ui	toast-ui/react-deitor	3.2.3
	Toast-ui	toast-ui/editor-plugin-color-syntax	3.1.0
	Moment	moment	2.30.1
	AWS S3	aws-sdk	2.1571.0
	Webpack	module bundler	5.92.1
	IDE	Visual Studio Code	1.87.2
BackEnd
DB	MySQL	MySQL	8.0.32
		JPA	-
		QueryDSL	5.0.0
	Java	JDK	17.0.4
	Spring	Spring Boot	2.7.5
		Spring Security	5.7.4
	JWT	jjwt	0.11.5
	IDE	Intellij(Community)	23.3.5
	Build	Gradle	8.0
	API Docs	OpenAPI(Swagger)	3.0.1
	API Docs	Postman	-
Server	Server	AWS EC2	-
	Deploy	Docker	-

🗂️ 시스템 아키텍처

🖥️ 주요기능

로그인

• 아이디와 비밀번호를 이용하여 로그인할 수 있습니다.
• KakaoTalk, Naver, Google 각각의 소셜 계정을 이용하여 회원가입 및 로그인을 할 수 있습니다.

회원가입

• 회원정보 입력 및 중복 확인을 통해 회원가입을 진행할 수 있습니다.

마이페이지 - 계정 설정

• 로그인 후 마이페이지 - 계정 설정을 통해 회원정보 확인 및 수정을 진행할 수 있습니다.

마이페이지 - 내 활동

• 로그인 후 마이페이지 - 내 활동을 통해 내 커뮤니티 활동 내역을 확인할 수 있습니다.

메인페이지

• 메인페이지 접속 시 전체 게시글 목록 혹은 인기 게시글 목록을 조회할 수 있습니다.
• 카테고리 클릭 시 해당 카테고리의 게시글 목록을 조회할 수 있습니다.
• 조회를 원하는 게시글 클릭 시 게시글 조회 페이지로 이동할 수 있습니다.
• 글쓰기 클릭 시 글쓰기 페이지로 이동할 수 있습니다.
• 돋보기 클릭 후 키워드 입력 시 검색 페이지로 이동할 수 있습니다.

게시글 - 게시글 작성

• 게시판(카테고리), 제목, 내용 입력 후 등록하기 클릭 시 해당 게시글이 저장되고 게시글 조회 페이지로 이동할 수 있습니다.

게시글 - 게시글 조회

• 게시글 카테고리, 제목, 내용, 조회수 등 게시글 관련 내용을 조회할 수 있습니다.
• 해당 게시글에 좋아요 혹은 댓글을 작성할 수 있습니다.
• 입력된 댓글에 대댓글을 작성할 수 있습니다.
• 해당 게시글의 작성자일 경우 게시글을 수정 및 삭제할 수 있습니다.
• 수정하기 클릭 시 게시글 작성 페이지로 이동하며 기존에 작성된 게시글의 내용을 수정할 수 있습니다.
• 삭제하기 클릭 시 재확인 후 게시글을 삭제할 수 있습니다.

게시글 - 게시글 검색

• 입력된 키워드를 바탕으로 검색 결과 목록을 조회할 수 있습니다.

📺 시연 영상

• 클릭 시 이동합니다!

📆 프로젝트 기간

23.12.27 ~ 24.07.05

• 기획 및 설계 : 23.12.27 ~ 24.03.17
• 프로젝트 구현 : 24.02.26 ~ 24.07.05