미리보기

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

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

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

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

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

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

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

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

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

Description

알뜰폰 서비스 이커머스 플랫폼 프로젝트 (Website)

Experience

• 운영 유지 보수 효율을 개선하고 SEO를 도입하기 위해 React 프로젝트를 Next.js로 마이그레이션

• 프로젝트 구조 설계 및 기술 스택 결정 주도

• 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

기존 KT 통신망에 더해 SKT와 LGT 통신망을 추가로 지원하는 프로젝트

Experience

• 통신사 추가에 따른 분기 로직 / 에러 케이스 식별 및 에러 화면 개발

• 통신사 API 테스트 및 통신망 확대 관련 테스트 지원

Tech Stack

React Next.js TypeScript Recoil React-query Emotion Sentry

Description

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

Experience

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

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

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

Tech Stack

React Next.js TypeScript Recoil React-query Emotion Sentry

Description

핀다이렉트 플랫폼 내에서 해외 로밍 서비스, 로밍 할인 구독형 상품인 "로밍패스" 프로젝트

Experience

• 해외 로밍 서비스의 상품 정보, 주문 및 결제 프로세스, 사용량 조회 등 주요 기능 개발

• 로밍패스 가입 및 관리, 회원과 비회원 간 주문 처리 및 인증 로직 개발

• 제휴사 연계 기능 개발 담당

Tech Stack

React Next.js TypeScript Recoil React-query Emotion Sentry

Description

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

Experience

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

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

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

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

Tech Stack

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