미리보기

부동산 경매를 위한 지도 기반 부동산 매물 검색 플랫폼 미스고부동산을 개발 및 유지보수하고 있습니다.

Google Search Console 및 Lighthouse 데이터를 통해 웹사이트 성능을 분석하고 SEO 및 LCP 최적화를 통하여 사용자에게 더 나은 경험을 제공하였습니다.

코드 리뷰 도입, 테스트 코드 작성, 빌드 및 배포 자동화, CI/CD환경 구축, Front-end팀 규칙 문서화등의 활동으로 개발 환경을 개선하기 위해 노력하였습니다.

Llama2 AI를 활용한 채팅 서비스 PAION을 개발했습니다.
시작 단계에서부터 합류해 기획/디자인 단계에 참여하여 유저에게 더 나은 경험을 제공할 수 있도록 기여하였습니다.
코드리뷰 및 아티클 공유 문화를 조성하고 팀원과 함께 성장하기 위해 노력하였습니다.

확장 및 신설이 예정된 도로의 정보를 제공해주는 기능 개발

• Naver map Api 기반 Polygon 구현 및 애니메이션 개발

• 코드의 안정성과 품질 향상을 위한 테스트 코드 도입

• emotion의 RSC 한계로 인해 RSC을 적용할 수 없어서 module CSS를 도입

• RSC를 통해 Lighthouse 점수 12점 상승 및 LCP 1초 개선

사용기술: React Next.js Typescript Jest CSS Module

좌표 데이터를 저장하는 과정을 매달 수동으로 진행해 왔음, 이로 인해 개발 및 운영 리소스가 소모되어 생산성에 문제가 있다고 판단되어 자동화 시스템을 구축

• 좌표 압축, 지역별 경계선 좌표 다운로드 및 일부 수동 작업의 스크립트를 작성하여 자동화 시스템 구축

• 디버깅 및 데이터 확인을 위한 슬랙 봇 제작

• 운영 리소스 월 30% 절감으로 업무 생산성 향상에 기여

사용기술: Python PostgreSQL QGIS AWS Lambda

기존 서버가 아마존 EC2에 통합되어 있어 CPU 사용량이 많은 크롤링 작업 중에 사용자의 요청이 몰리게 되면 Time out이 발생하는 문제가 있음

• 크롤링 서버를 EC2에서 분리하여 회사 내부 PC에서 동작하도록 구성하여 EC2 서버 CPU 사용률 70% 감소

• 기존 S3에 저장된 파일을 크롤링 서버에 저장하여 S3 Outbound Traffic Cost 월 300유로 절약

사용기술: Python Kafka AWS S3 AWS EC2 AWS Lambda

기존 검색 페이지의 크기가 작아 연령대가 높은 사용자가 많은 제품 특성상 사용자 경험에 문제가 있다고 판단하여 검색 페이지를 리뉴얼함

• 연령대가 높은 사용자 특성을 고려한 새로운 UI/UX 디자인 개발

• 검색 페이지 체류 시간 18% 증가 및 이탈률 20% 감소

• 와이드 버전 및 건축물대장 요약 기능 개발을 통해 구독자 13% 증대

사용기술: React Next.js Typescript Recoil Google Analytics

Llama2 AI를 활용한 채팅 서비스

• 프로젝트 초기 개발부터 담당하여 진행(JWT 인증, socket)

• React Native Remote bundle Versioning 정책 설계

• Rabbit MQ 기반 유저간 채팅 및 AI 채팅 기능 개발

• Metro 번들러에서 esbuild 전환을 통해 빌드 속도 2분 < 20초 로 약80% 감소

• Github Actions을 기반으로 CI/CD 구성

• 이미지 레이지 로딩 및 캐시를 통한 LCP 4.2s 개선

• 채팅 페이지 리렌더링 최적화 (20번 > 8번으로 60% 감소)

사용기술: React-Native Typescript Context API Jest

Tic-Tac-Toe 게임 (Link)

• 2인 플레이 및 AI플레이가 가능한 틱택토 게임 구현

• 프론트엔드 기술환경 구성 및 기본 기능 구현

• Recoil을 사용한 스토어 디자인

• React기반 컴포넌트 계층 구조 디자인

• Socket.io를 이용하여 실시간으로 데이터 동기화

사용기술: React Typescript Recoil Node Express