한눈에 보기
온라인 현금거래 중개 서비스
역할
Frontend
범위
5개
//핵심 포인트4개
01
프론트-백엔드 통신을 규격화하기 위한 미들웨어(Kepler) 설계/구현
02
토큰 기반 인증/재시도(Refresh) 흐름을 공통 레이어에서 처리
03
Swagger 기반으로 명세를 확인하며 협업
04
장기(약 8개월) 팀 개발을 통해 폴더 구조/페이지 구조를 고민한 첫 프로젝트
//기술 스택5개
//FRONTEND(4)
탭을 바꿔가며 역할과 설명을 한 범주씩 확인할 수 있습니다.
React
UI 상태/컴포넌트상태 변화에 따라 UI를 컴포넌트 단위로 조합하고, 재사용 가능한 화면 구조로 유지보수를 쉽게 했다.
Styled-components
스타일 엔진디자인 토큰을 바로 코드에서 사용할 수 있게 해 UI 룰(색·타입·간격)을 컴포넌트 단위로 일관되게 적용했다.
TypeScript
타입 안정성API 응답/컴포넌트 Props 계약을 타입으로 고정해 런타임 오류를 줄이고 협업 시 실수를 예방했다.
Axios
네트워크 레이어백엔드 API 요청을 인터셉터 기반 파이프라인으로 통합해 에러 처리·헤더·쿠키 정책을 일관된 흐름에서 관리했다.