미리보기

• potens.ai 프론트엔드단 개발

• 코멘토 디자인 시스템(comento-ui) 초기 세팅 및 개발

• 직무부트캠프 상품 페이지 SSR 적용

• 직무부트캠프 B2B 수료증 발급 자동화

• 핵클 이용한 a/b test 최초 진행, 문서 작성하여 팀원들의 온보딩을 도움

• 주요 페이지 laravel vue -> Nuxt.js로 점진적으로 migration(직무부트캠프 클래스룸, 직무부트캠프 상품페이지, 상담사례 등)

• 특정 페이지 laravel vue -> Next.js로 점진적으로 migration(1:1 문의 등)

데이터 보안 문제를 해결하고 생산성을 높이기 위해 기업에서 사용가능한 AWS Bedrock 기반 생성형 AI 제품을 개발, 프롬프트 및 응답 데이터를 24시간 내 자동 폐기하는 방식으로 보안 문제를 해결함. 회원가입 없이도 기업 교육 현장에서 바로 사용 가능한 실습 환경을 구축했고 출시 전부터 교육 현장에서 수요를 확인, 즉시 판매로 이어짐

공채 페이지를 개발할 때 워크넷 API로 데이터를 받아왔지만 유저 입력 기반의 데이터라 형식이 일관되지 않아 일관된 UI 설계가 어려웠음. 대략적인 UI를 작업해 QA하고 예외 케이스를 iterative하게 대응하며 개발 비용을 효과적으로 절감함.

과정 개발의 비효율성을 해결하기 위해 멘토가 직접 클래스 개설할 수 있고 운영 담당자가 진행 과정을 모니터링할 수 있는 실무PT 과정개발 시스템을 구축. 이를 통해 클래스 오픈 준비 기간을 평균 20일에서 최소 5일로 단축하고 생산성을 30% 이상 향상시킴.

기관의 요구에 따라 커스텀 수료증을 대량 발급할 수 있도록 사내 어드민에 수료증 커스텀 메뉴를 추가, 디자이너가 배경 디자인을 등록하고 수료자 정보를 일괄 적용할 수 있게 구현함. 이를 통해 수작업 시간을 크게 절감하고 동료들의 리소스를 효율적으로 절약함.

직무부트캠프 상품 페이지의 유입 증가와 성능 개선을 위해 Laravel에서 Nuxt.js로 migration, SSR을 적용해 검색엔진 노출을 강화함. 작업 후 자연 유입이 3배 이상 증가했고, 배포 직후 PC 기준 FCP 0.2s, LCP 1.3s, Mobile 기준 FCP 1.4s, LCP 2.4s 개선함. FE 개발은 2명이 협업하여 진행.

Laravel에서 Nuxt.js로 점진적 독립을 위해 재사용 가능한 컴포넌트 기반 디자인 시스템을 개발하고, Storybook으로 문서화해 팀원들이 쉽게 활용 가능하도록 함. 배포 과정 자동화와 코드 리뷰 정책을 통해 코드 품질을 유지했으며, 1개월간 3명의 팀원이 49개 컴포넌트를 개발, 제품 개발 시간을 약 70% 단축시킴.

디자이너가 '[개발팀]' 키워드를 붙여서 피그마에 코멘트를 남기면 업무툴에 요청글로 등록하는 웹훅을 구현, 요청 사항의 누락을 방지하고 진행 상태를 투명하게 관리해 커뮤니케이션 비용을 감소시킴.

디자인 시스템을 구축했던 내용을 팀원들과 함께 발표.

https://tv.naver.com/v/22094856

• 개발자 글쓰기 커뮤니티 글또에서 9기~10기동안 활동.

• 2주에 한번 주기적으로 글을 쓰면서 글쓰기 습관을 만들었으며 다양한 개발자들과 소통하며 서로 교류함.