V-log

인기 블로깅 플랫폼인 Velog를 Spring Boot, HTML, CSS, JS를 사용하여 클론코딩한 프로젝트

목차

• 개요
• Preview
• 시연 영상
• 개발 기능
• 기술 스택
• ERD
• 아키텍처

개요

• 프로젝트 이름: V-log
• 프로젝트 기간: 2024. 06. 24 ~ 2024. 07. 19

Preview

1. Home

트렌딩	최신	피드(로그인 O)

2. 블로그

내 블로그	내 블로그(게시글 표시)	다른 유저 블로그
시리즈	소개 작성 X	소개 작성 O

3. 게시글 상세 및 작성

게시글 상세(상단)	게시글 상세(하단)	게시글 작성

4. 임시글/읽기목록/설정

임시글	읽기 목록	설정

시연 영상

아래 그림을 클릭하면 유튜브로 연결됩니다.

개발 기능

• 사용자 인증: Spring Security를 이용하여 회원가입, 로그인, 로그아웃 기능 구현
• 콘텐츠 표시: 사용자들이 작성한 최신 글과 인기 글 정렬 가능
• 프로필 및 태그: 유저 별 블로그에 사용자의 프로필, 태그 목록과 태그별 글의 수 표시
• 블로그 글 관리: 사용자는 글을 작성, 수정, 삭제할 수 있고, 즉시 출간하거나 임시 글을 공개 또는 비공개 출간 가능
• 블로그 글 보기: 공개된 블로그 글 보기 및 비공개 글 표시 기능을 제공하고, 사용자는 다른 사람의 글에 좋아요를 할 수 있고, 팔로우도 가능
• 댓글 기능: 블로그 글에 댓글을 작성하고, 답글을 추가하거나 삭제가 가능

기술 스택

분류	기술 스택
개발 언어
프레임워크/라이브러리
데이터베이스
etc

ERD

아키텍처

src
├── main
│   ├── java
│   │   └── hello
│   │       └── velog
│   │           ├── config
│   │           ├── controller
│   │           ├── domain
│   │           ├── dto
│   │           ├── exception
│   │           ├── global
│   │           ├── repository
│   │           └── service
│   └── resources
│       ├── static
│       │   ├── css
│       │   ├── images
│       │   │   ├── post
│       │   │   └── user
│       │   └── js
│       └── templates
│           └── fragments
└── test