미리보기

아모트래블의 초기 개발 팀으로 합류하여 프론트엔드 개발을 전담하고 있습니다. 고객 맞춤형 여행 일정을 제공하는 웹사이트와 여행 전반을 지원하는 앱을 개발하며, 사용자들에게 최상의 서비스를 제공하기 위해 노력하고 있습니다.

• 효율적인 고객 분석 도입: Google Analytics와 광고 추적 시스템을 구축하여 사용자 데이터를 효율적으로 분석할 수 있는 환경을 마련했습니다. 이를 통해 마케팅 팀이 광고 성과를 세부적으로 평가하고, 타겟 고객을 보다 효과적으로 설정할 수 있도록 지원했습니다.

• 아모트래블 웹페이지 리뉴얼: 전반적인 UI/UX를 재설계하여 기존 화면의 디자인과 기능을 개선했습니다. 이 과정에서 사용자 인터페이스를 보다 직관적이고 효율적으로 구성하여 접근성과 사용성을 높였습니다.

• 디자인 시스템 적용: 기존 웹사이트에 디자인 시스템을 도입하여 화면 구성 요소와 스타일의 일관성을 확보했습니다. 이를 통해 디자이너와 개발자가 동일한 기준을 공유하며 작업 속도를 높이고, 반복적인 디자인 수정 작업을 줄였습니다. 결과적으로, 프로젝트 일정 준수율이 향상되고 사용자 경험도 더 직관적이고 일관되게 개선되었습니다.

• 프레임워크 및 언어 마이그레이션: 기존 Next.js 12 및 JavaScript로 작성된 프로젝트를 Next.js 14 및 TypeScript로 마이그레이션하여 코드 안정성과 유지보수성을 강화했습니다. 이를 통해 타입 안전성을 확보하고 개발 효율성을 개선했습니다.

• 인프라 개선: 기존 S3 + CloudFront 기반의 정적 배포 구조를 AWS Amplify로 변경하여 SSR(Server-Side Rendering) 지원과 기능 확장이 용이하도록 개선했습니다. 이로 인해 동적 페이지를 효율적으로 처리할 수 있는 환경을 마련했습니다.

• 배포 전략 수립 및 코드 관리 체계화: 기존에 배포 프로세스가 정립되지 않은 상태에서 Git Flow 전략을 도입하여 체계적인 코드 관리와 안정적인 배포가 가능하도록 개선했습니다. 이를 통해 협업 효율성과 코드 품질을 높였습니다.

프론트엔드 개발을 담당하며 별장 오너와 일반 사용자 모두가 편리하게 이용할 수 있는 예약 서비스를 개발하였습니다. 또한, 사용자들에게 원활한 서비스를 제공하기 위한 내부 관리 시스템을 구축하였습니다.

• 아키텍처 설계 및 컨벤션 정립: 기술 스택 선정부터 시작하여 아키텍처를 설계하고, 코드 컨벤션을 정립하여 일관된 코드 스타일과 유지보수성을 높였습니다.

• 예약 서비스 개발: 밀리언그라운드 서비스에 필요한 예약 서비스를 전체 설계하고 개발했습니다. 이를 통해 별장 구매자와 일반 사용자가 간편하게 예약을 진행할 수 있도록 하였습니다. 현재 예약 오류율과 결제 오류율을 1% 미만으로 유지하고 있으며, 2024년 초에 오픈한 “어나더 빌라”는 2024년 예약을 모두 완료했습니다.

• 종합 예약 관리 시스템 개발 및 운영: 예약 관리, 유저 관리, 오너 관리, 요금 관리, 문자 전송, 대시보드 등 전반적인 기능을 포함한 종합 예약 관리 시스템을 개발 및 운영했습니다. 시스템 도입 후 서비스 응대팀의 업무를 줄이며, 고객 문의 응답 시간을 50% 단축하는 성과를 이루었습니다.

• 광고 효율성 분석을 위한 이벤트 추적 시스템 구축: 광고 효율을 120% 개선하고 예약율을 52% 상승시키는 데 기여했습니다.

• 검색엔진 최적화(SEO) 개선: 테크니컬 SEO를 적용하여 사이트의 검색엔진 노출을 개선했습니다. 동적 사이트맵과 robots.txt 파일을 생성 및 관리하여 검색엔진 크롤러의 효율적인 접근을 지원했습니다. Lighthouse SEO 및 성능 점수에서 평균 95점을 달성했으며, 구글 검색엔진에서 평균 게재 순위는 8로 유지하고 있습니다.

• 업무 자동화 백오피스 개발: 단순 업무를 자동화하는 백오피스를 기획 및 개발하여 서비스팀의 주당 업무 시간을 30시간 이상 절감했습니다.

• UI/UX 개선 디자인 개선: 각종 페이지의 UI/UX 디자인을 개선하여 사용자 경험을 크게 향상시켰습니다.

• 연인과 친구들이 서로를 더 잘 이해하고 재미있게 소통할 수 있도록 도와주는 서비스

• 템플릿 리스트 및 질문 작성 페이지 구현, 질문 답변 결과 및 SNS 공유 기능 구현

• 동적 메타데이터와 사이트맵 설정 등 테크니컬 SEO 최적화 작업

• 웹 서비스 캐시 설정을 통해 데이터베이스 부하를 감소시키고, LCP 성능을 기존 1.5초에서 0.6초로 개선

• 기술 스택: TypeScript, Next.js, Tailwind CSS, React-query

• 위픽 서비스 바로가기

• 위픽 서비스 깃허브

• 제주 청년들을 위한 정책 정보를 한눈에 볼 수 있도록 설계된 통합 플랫폼

• 카카오와 구름에서 주최한 해커톤 6개 팀 중 대상 수상

• 기술 스택: TypeScript, Next.js, Tailwind CSS, React-query

• 뿌리 서비스 소개

• 뿌리 서비스 바로가기

• 친형의 결혼식을 위해 짧은 기간동안 만든 모바일 청첩장

• 모바일 청첩장에 필요한 기본정보, 사진첩, 공유 기능 구현

• 기술 스택: JavaScript, React, Gatsby, styled-components

• 모바일 청첩장 템플릿 바로가기

• 모바일 청첩장 깃허브

• 구글 Material 디자인 시스템을 사용하여 관리자 화면 디자인 일관성과 생산성 향상

• 실시간 보호구 착용 및 낙상 여부 대시보드 구현

• 작업자 휴대폰 GPS 정보를 이용하여 실시간 위치 추적 구현

• 기술 스택: JavaScript, React, MUI, Chart.js

• 대구테크노파크 휴스타추진단에서 주관한 대회 12개 팀 중 장려상 수상

• 안전 모두 서비스 깃허브