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