F12의 기술 소개

기술 스택

프론트엔드

TypeScript

React

Styled-Components

Webpack

StoryBook

Figma

MSW

Cypress

React Testing Library

백엔드

Spring Boot

Java 11

JUnit 5

oAuth2

Spring Data JPA

QueryDSL

MySQL

Spring RestDocs

RestAssured

Log4j2

Mockito

인프라

AWS EC2

Github Actions

NginX

Jenkins

AWS CloudWatch

SonarQube

nGrinder

PINPOINT

구조

전체 구조

CI 구조

CD 구조

개발 과정

1차 스프린트

  • 서비스 기획 및 디자인

  • 프로젝트 환경설정

  • 제품 조회 및 리뷰 기능 구현


2차 스프린트

  • Github OAuth를 사용한 로그인 및 인증인가 구현

  • 프로필 페이지 및 대표 장비 등록 기능 구현

  • 전반적인 디자인 수정 진행


3차 스프린트

  • 제품 카테고리 확장

  • 회원의 프로필 검색 및 조회 기능 구현

  • 제품 사용자 통계 기능 구현


4차 스프린트 (정식 배포)

  • 제품 검색 기능

  • 프로필 팔로우 기능

  • 프로필 페이지 UI 개선

  • 각종 애니메이션 효과 적용

  • 제품 카드, 리뷰 카드에 추가 정보


5차 스프린트

  • 성능 개선

  • 리프레시 토큰 도입을 통한 보안 개선


개발 블로그