미리보기

React 기반 프로젝트를 Next.js로 전환하여 SEO 성능을 개선하였습니다. 또한, 프로젝트 초기 단계에서 기술 스택 선정과 구조 설계를 주도하였습니다.

유지보수 효율성을 개선하기 위한 노력으로, 새로 구성된 팀에서 코딩 규칙을 설정하고, PR 리뷰, ESLint, Husky를 도입해 일관된 개발 방식을 확립했습니다.

React 기반 라이브러리를 개발하여 코드 재사용성을 높이고, UI/UX 일관성을 유지함으로써 전체 프로젝트의 개발 효율성을 크게 향상시켰습니다.

핀다이렉트 앱과 로밍 TF에 참여하여 비즈니스 팀의 요구사항을 기반으로 일정 관리 및 개발 유지보수를 담당하였습니다.

프론트엔드 개발자로서 프로젝트의 기획 단계부터 개발, 배포, 운영까지 전반적인 과정에 적극 참여했습니다.

기술 스택 선정부터 개발 및 유지보수를 주도하며, 효율적인 진행을 이끌었습니다.

또한, CI/CD 자동화 시스템을 구축해 배포 속도와 안정성을 크게 향상시켰으며, AWS 인프라를 관리하여 서비스의 안정적인 운영을 지원했습니다

• SI 및 솔루션 프로젝트에 참여하여 다양한 프레임워크와 라이브러리를 신속히 습득하고 적용

• 화재 감지 IoT 솔루션, 부동산 중개 회사 ERP & 부동산 중개 플랫폼 SI 프로젝트, 자사 홈페이지 리뉴얼 등 다양한 프로젝트에서 풀스택 개발 경험

Description

기존에는 카카오 메뉴 구좌 내 웹뷰 기반의 React 통신판매(MNO, MVNO, 중고폰) 플랫폼을 운영했으나, 카카오와의 비즈니스 협약 종료로 인해 독립적인 통신 판매 플랫폼(MVNO, 로밍) 구축이 필요.

이에 따라 Next.js 기반으로 신규 플랫폼을 설계 및 개발하며, SEO 최적화, 신규 기능 개발 및 유지보수를 수행. (Website)

Experience

• 카카오 플랫폼에서 독립적인 서비스로 전환하기 위해 Next.js 기반 신규 플랫폼 설계 및 개발

• SEO 최적화를 고려한 SSR 도입, 초기 로딩 속도 개선 및 검색 노출 증가

• uSIM 주문 및 결제 프로세스, 셀프 개통, 인증 등 주요 기능 설계 및 개발 담당

• 실시간 에러 모니터링 및 문제 추적을 위한 Sentry 도입 및 운영 자동화

• 플랫폼 아키텍처 설계 및 기술 스택 결정 주도, 유지보수 및 확장성을 고려한 코드 리팩토링

Tech Stack

React Next.js TypeScript Recoil React-query Emotion Sentry

Description

공통 Hooks 및 유틸 함수 라이브러리와 디자인 시스템 라이브러리 개발로 코드 재사용성과 UI/UX 일관성을 향상을 위한 프로젝트

Experience

• 초기 환경 설정, 개발, 문서화 및 배포 자동화 주도

• 재사용 가능한 공통 Hooks, 유틸 함수 및 디자인 컴포넌트 개발

• JSDoc 및 Storybook을 활용한 컴포넌트 문서화

• Rollup을 통한 번들링 및 Bitbucket Pipelines 배포 자동화

• AWS Amplify를 통한 디자인 시스템 배포 및 운영

Tech Stack

React TypeScript Emotion Storybook AWS Amplify BitBucket Pipelines Npm Rollup

Description

웹뷰 기반 하이브리드 앱 개발을 위한 TF 프로젝트로, 네이티브 서비스(내 폰 시세조회, 요금명세 앱 알림, 위젯 등) 제공을 목표로 진행

Experience

• 웹앱과 iOS, AOS 하이브리드 앱의 인터페이스 개발

• 모바일 앱에서 웹 프로젝트가 원활하게 표출될 수 있도록 최적화 작업 수행

• 웹과 앱 간의 비즈니스 흐름 차이를 문서화하고 전사 공유

Tech Stack

React Next.js TypeScript Recoil React-query Emotion Sentry

Description

해외 로밍 서비스 & 로밍 할인 구독형 서비스

핀다이렉트 플랫폼 내 해외 로밍 서비스 및 로밍 할인 구독형 상품(로밍패스) 개발 프로젝트

Experience

• 상품 정보 조회, 주문 및 결제 프로세스, 사용량 조회 기능 개발 담당

• 로밍패스 가입 및 관리 기능 개발, 회원·비회원 주문 처리 및 인증 로직 구현

• 제휴사(인터파크, 트리플, 야놀자 등) 연계 기능 개발 및 파트너 서비스 최적화

Tech StackReact Next.js TypeScript Recoil React-query Emotion Sentry

Description

태양광 사업 오너와 전문가를 매칭하고 계약을 체결하는 온라인 플랫폼 개발 프로젝트 (Website)

Experience

• 기술 스택 선정, 프로젝트 설계, 개발, 운영 및 유지보수 주도

• GitLab CI/CD를 통한 자동화된 빌드 및 배포 프로세스 구축

• AWS S3, Route53, ACM, CloudFront를 통한 HTTPS 정적 웹사이트 배포 및 유지관리

• 애자일 스크럼 방법론에 따라 2주 단위 스프린트로 프로젝트 진행

• 엔드 개발자 퇴사로 인한 API 개발 지원, 프로젝트 일정 차질 방지

Tech Stack

React Redux GraphQL Styled-components AWS(S3, Route53, ACM, CloudFront) GitLab (CI/CD)