먼키 서비스(테이블오더, 키오스크, 앱)를 사용하는 가맹점 사장님들을 위한 웹 기반 관리자 사이트를 React, TypeScript, Next.js 기반으로 설계·구현했습니다. 서버 구성부터 디렉토리 아키텍처 설계, 핵심 기능 개발 및 배포까지 전 과정을 주도하였으며, 주요 기능으로는 대시보드(차트), 매출 관리, 매장 관리, 메뉴 관리, 운영기기 관리, 공지사항 등이 포함됩니다. 기술적으로는 Zustand를 이용한 상태 관리, Emotion 기반 스타일링, React Router 기반 라우팅, 그리고 Next.js 14(App Router)의 SSR/SSG 구조를 적용하였으며, 테스트 환경(Jest, React Testing Library)과 린팅 자동화(Husky, ESLint, Prettier)도 직접 구성하였습니다. 배포는 Vercel을 사용했습니다. 본 프로젝트에 착수하기 전 1년간의 휴식기 이후 복귀한 상황이었기에, 프레임워크 및 라이브러리의 버전업에 따른 러닝커브를 예상했으나, AI 도구를 적극 활용하여 빠른 시간 내 기술 변화에 적응할 수 있었습니다. 예를 들어, Next.js 14의 App Router 구조나 Emotion의 스타일링 최적화 방식 등을 실시간 예제 기반으로 학습하며, 팀 내에서 가장 빠르게 적용하고 공유하는 역할을 맡았습니다. 또한, 프로젝트 과정 중 NestJS 및 Go 기반으로 개발된 백엔드 API 플로우를 분석하며 프론트엔드-백엔드 간의 연결을 더 깊이 이해하려 노력했습니다. 특히 Swagger 문서에 예제 데이터가 부족한 상황에서 실제 API 응답 JSON 데이터를 기반으로 AI를 활용해 프롬프트를 구성하고, 이를 통해 프론트엔드에서 자동 타입 정의 및 Axios API 모듈을 생성하는 워크플로우를 구축했습니다. 이 작업은 백엔드 구조 이해뿐 아니라, 문서화와 협업 기준 정립에도 기여하였으며, 결과적으로 프론트 개발 속도와 팀 전체 생산성 향상에 긍정적인 영향을 주었습니다. 이 프로젝트는 단순히 프론트엔드 구현에 그치지 않고, AI를 활용한 기술 습득 및 자동화, 백엔드와의 연계 이해, 그리고 실질적인 협업 개선을 통해 더 넓은 시야를 가진 프론트엔드 개발자로 성장하는 기반이 된 경험이었습니다.

更多

프론트엔드 개발자로 디비디랩 회사 반응형 웹, 우쥬테스트(B2C), 관리자 Back Office 개발, 디비(B2B) 및 초기 멤버로 Pre-Series A 경험했습니다. 서버 구축부터 디렉토리 설계, 개발, 배포 자동화, Git flow 전략을 세워서 개발 문화를 만들었으며, 초기 스타트업의 멤버로써 다양한 경험을 했습니다. 디비: https://diby.io/ 우쥬테스트: https://wouldyoutest.com/ 디비디랩 회사 홈페이지: https://dbdlab.io/ 프로젝트 : 우쥬테스트, 디비, 디비디랩 회사 홈페이지, 관리자 Back Office 1. 디비: B2B 서비스로 클라이언트에게 자동화 시스템으로 리서치 설계를 해주고 다양한 테스트를 통해 리포트를 제공 2. 우쥬테스트: B2C 서비스로 디비(DB가 아닌 회사 서비스 이름입니다.)에서 리서치 설계를 받은 것을 바탕으로 테스트를 만들어 패널들을 모집하는 서비스입니다. 3. 관리자 Back Office: 우쥬테스트, 디비, 데이터 정제, 라벨링 등을 관리하기 위한 사이트입니다. 기술 스택 1. Next JS를 사용하여 SSG, SSR 기반의 프론트 개발 2. Emotion js로 아토믹 디자인 패턴 기반의 Core 컴포넌트 구축 3. Jest, React Testing Library 테스트 환경 구축 4. Storybook을 사용하여 컴포넌트 Doc 정리 5. GitLab CI를 사용하여 AWS 서버 연동(이후 Github, Vercel로 변경) 6. Redux, Redux-Saga를 사용하여 전역 상태 관리 7. React Hook Form을 사용하여 Form 성능 최적화 8. 페이지별, 공통 Custom Hook 설계 9. 피그마로 디자이너와 소통하여 디비디랩 디자인 시스템 개발

更多

프론트엔드 개발자로써 비블리 어플리케이션 개발 및 DI트라이브 개발을 담당했습니다.

프론트엔드 개발자로써 컴포넌트 기반의 React를 사용하는 업무를 하였습니다. Redux, Redux-Saga로 데이터 관리 Jest, Enzyme으로 유닛테스팅 Material-UI로 UI 구축 ESLint, Prettier로 코드를 깔끔하고 규칙적으로 생산하는 프론트엔드 개발을 담당하였습니다.

更多

(주)다음 서비스 해외 축구, 국내 축구, 국내 야구 하이라이트 영상 편집 및 썸네일 제작