회원가입 및 로그인	게시물 생성	메인 페이지 및 검색 상세 페이지

카테고리 검색	채팅 보내기	마이페이지

로그인	회원가입	게시글 생성

게시글 카테고리 선택	메인 페이지	게시글 상세 페이지

채팅방	마이페이지	내가 쓴 글

Emotion

Recoil

Vite를 사용하여 빠른 빌드를 목적으로 하고,
React를 사용하여 사용자와의 상호작용을 하는 앱화면을 효율적으로 구성하고,
Recoil을 이용하여 유동적인 값들의 상태를 관리했습니다.
React Query를 사용하여 비동기 관련 로직 및 상태를 관리하고,
Jest, React Testing Library로 테스트 코드를 작성하여 코드의 신뢰성을 높였습니다.

• Spring Data JPA(Hibernate)
• QueryDSL
• JUnit 5, mockito
• SLF4J
• JWT

Springboot로 웹 어플리케이션 서버를 구축하고,
Spring Data JPA(Hibernate)로 객체지향 데이터 로직을 작성했습니다.
QueryDSL로 컴파일 시점에 SQL 오류를 감지하고, 동적인 쿼리를 작성했습니다.
Swagger로 API 문서를 작성하여 클라이언트와 소통하였습니다.
데이터 베이스는 MySQL과 H2를 사용하였습니다.

• Github Actions
• AWS EC2
• Prometheus, Grafana
• AWS Route 53
• AWS S3 bucket

Docker로 동일한 백엔드 환경을 구축하고,
AWS EC2 인스턴스(Ubuntu, t3a.medium)에 서버를 배포하였습니다.
Github Action을 사용하여 지속적인 배포 파이프라인을 만들고,
Prometheus와 Grafana를 통해 서버의 상태를 모니터링했습니다.
Git과 Github을 사용하여 코드를 관리하고, 팀원들과 협업하였습니다.

go to frontend repo 👉🏻 click here !

프로젝트 실행

yarn start

go to backend repo 👉🏻 click here !

.env.example 을 참고하여 .env 파일에 있는 환경변수를 작성해준다.

DB_USERNAME=
DB_ROOT_PASSWORD=
DB_DATABASE=
DB_HOST=

JWT_HEADER=
JWT_SECRET_KEY=
JWT_EXPIRE_TIME=

PORT=

AdminMailId =
AdminMailPassword =

slack_api =

accessKey =
secretKey =
static =

jar 파일을 생성해준다.

./gradlew build

# 혹은

./build.sh

앞선 방법으로 빌드가 안될 경우

gradle wrapper

# 혹은

./initialize.sh

루트 경로에서 docker-compose 명령어를 사용하여 어플리케이션을 실행시켜준다.

docker-compose up -d --build