• 

  라우드

  2024.04 ~ 2025.04(1년 1개월)

  *경영악화로 인한 권고사직 퇴사
  • 인테리어 “견적-상담-직시공” 과정을 간소화하여 사용자와 인테리어 업자를 연결하는 인테리어 B2C 서비스 “디어마이홈” 개발 운영

  프로덕트 개발의 0 to 1 전 과정을 직접 경험하면서, 그동안 쌓아온 기술 역량을 점검하고 한 단계 성장했다는 자신감을 얻었습니다.

  또한, 이전에는 경험이 없던 앱 개발이나 인프라 관리 업무에 대해서도, 주도적으로 학습하고 해결 방안을 모색하여 의미 있는 성과를 만들어냈습니다.

  • 프로덕트팀

    /

    프론트엔드 개발자

    • 프론트엔드 프로젝트, 모노레포 설계/세팅
    • B2C 인테리어 직시공 플랫폼 “디어마이홈” 개발
    • 챗봇 대화형 견적 상담 기능 설계/개발
    • 카카오맵을 이용한 시공사례 인테리어 지도 기능 개발
    • 디어마이홈 Flutter 하이브리드 앱 개발/런칭
    • 어드민 개발 - 디어마이홈, FCM 메세지서버
    • 프론트엔드 AWS 배포 파이프라인, CI/CD 관리

    • 기술 키워드

      react.jsnext.js 14 app routertypescriptzustandreact-queryreact-hook-formtailwind-cssturborepofluttergithub-actionsawsgtmgajiraconfluence
• 

  비엘큐

  2023.05 ~ 2024.02(10개월)

  *경영악화로 인한 권고사직 퇴사
  • 전자제품 판매, 체험, 중고판매 등 사용자 경험이 구매로 이어질 수 있는 B2C 전자제품 커머스 “테스트밸리” 개발 운영
  • 사진 감가 분석 AI로 감가 금액을 측정하여 중고 전자제품을 매입하고, 사용자간의 중고 거래를 중계하는 B2B2C 중고거래 서비스 “퀵셀” 개발 운영

  기술 스택 전환을 목표로 팀에 합류했으며, 마케팅팀과의 협업 과정에서 자주 발생하던 업무 병목 지점을 찾아 해결하고 효율적인 프로세스를 구축하는 데 집중했습니다.

  또한, 개발 히스토리나 관련 문서가 부족한 상황에서, 동료들의 원활한 업무 진행과 팀 전체의 유지보수 효율성 증대를 위해 개발 관련 문서화를 주도적으로 진행했습니다.

  • 프로덕트팀

    /

    프론트엔드 개발자

    • B2C 전자제품 체험,구매 서비스 “테스트벨리” 개발 운영
    • B2C 중고거래, 중고 제품 자사 매입/판매 서비스 “퀵셀” 어드민 개발
    • FCM 메세지서버 어드민 개발
    • 테스트밸리 프로모션 이벤트 페이지 빌더 설계/개발
    • 어드민 모노레포 마이그레이션 설계/개발
    • 상세페이지 페이지 성능 분석 및 최적화
    • 검색/기획전/상세페이지 SEO 개선을 위한 Sitemap 등록 기능 개발

    • 기술 키워드

      react.jsnext.js 13 app routertypescriptzustandreduxreact-queryreact-hook-formtailwind-cssemotiondaisyUIant-designturborepogithub-actionsaws ec2gtmgahacklejiraconfluence
• 

  웰로

  2021.12 ~ 2023.02(1년 2개월)
  • 국민의 정책 소외 문제 해결을 위한 B2C 정책 큐레이션 서비스 “웰로” 개발
  • 기업의 정부 지원정책 추천/매칭/관리 구독 서비스 B2B SaaS “웰로비즈” 개발

  B2C 및 B2B 서비스 개발 과정에서 사용자 중심의 UI/UX를 깊이 있게 고민하고 실제 서비스에 적용하며 사용자 경험 최적화 역량을 키웠습니다.

  또한 Datadog, Hotjar, Google Analytics와 같은 데이터 분석 및 모니터링 도구를 적극 활용하여 주요 지표를 분석하고, 이를 근거로 한 데이터 기반의 의사결정 경험을 쌓을 수 있었습니다.

  • 개발팀

    /

    프론트엔드 개발자

    • B2B SaaS 솔루션 “웰로비즈” 개발 런칭
    • B2C 정책 큐레이션 서비스 “웰로” 리뉴얼
    • 웰로 회원가입 프로세스 데이터 기반 개선 (A/B 테스트)
    • 웰로 디자인 시스템 구축/개발
    • 정부 정책 노출 Sitemap SEO 중복 이슈 개선 및 고도화
    • 타사솔루션 내부 컴포넌트 라이브러리로 리팩토링
    • 사업일정관리 캘린더 기능 개발
    • 엑셀 업로드, 다운로드, 비밀번호 기능 공통 유틸 함수 개발

    • 기술 키워드

      vue.jsnuxt.jssasselement-uivuexdatadoggtmgahacklehotjarjiraconfluence
• 

  위펀

  2021.06 ~ 2021.12(7개월)
  • 직원 복지를 위한 B2B 구독 통합 서비스 개발 운영 (간식 구독 서비스 “스낵24”, 임직원 선물 발송 솔루션 “선물24”, 임직원 식대 관리 솔루션 “식권24” 등)

  백엔드, 프론트 소스코드가 하나의 레포지토리에서 관리되는 환경을 멀티레포로 전환하는 과정에서 프로젝트 관리 및 프로젝트 구조 설계에 대한 이해를 높일 수 있었습니다.

  동료들과 함께 코드 컨벤션을 정립하고 서비스 페이지 최적화를 위한 리팩토링을 주도적으로 수행하며 실질적인 서비스 개선 경험을 쌓았습니다.

  • 개발팀

    /

    프론트엔드 개발자

    • 스낵24, 선물24 해피콜 서비스 관리자 페이지 마이그레이션
    • 타사 웹 호스팅 서비스를 통해 관리하던 서비스 소개 랜딩 페이지를 적응형 자사 서비스로 내제화
    • Form 유효성 검증 컴포넌트 개발
    • 하이브리드앱 웹앱 서비스 식권24 개발 설계 참여 (브릿지 함수 정의, 설계)
    • 카카오맵 커스텀 오버레이 마커 선택 고도화 기능 개발
    • 식권24 서비스 프로젝트 설계 및 개발

    • 기술 키워드

      vue.jsnuxt.jssasselement-uivuexgtmgahotjarjQueryjiraconfluence
• 

  하이브랩

  2018.04 ~ 2020.12(2년 9개월)
  • 삼성전자 글로벌 웹페이지 CMS 솔루션 위젯 개발
  • 사내 ERP 개발

  삼성전자 글로벌 웹페이지 CMS 개발자로 삼성 프로젝트에 참여하며 자연스럽게 프론트엔드 개발에 흥미를 가지게 되었고, 동료 프론트엔드 개발자분과 스터디를 진행하고 서비스에 적용하며 프론트엔드 개발 역량을 키웠습니다.

  사내 시스템 개발 및 운영을 담당하며 Java 기반의 백엔드 개발, 데이터베이스 쿼리 튜닝, Linux 서버 환경 인프라 관리 경험 등을 통해 실무 경험의 폭을 넓힐 수 있었습니다.

  • BE개발팀

    /

    백엔드 전임 개발자

    • 삼성 글로벌 사이트 CMS 솔루션 위젯, 페이지 개발
    • 사내 시스템 개발 및 운영
    • 사내 인프라 관리 (로컬 Gitlab, 로컬 리눅스 서버, 사내 Wiki 서버 등)

    • 기술 키워드

      vue.jsvuexsassjQueryjavaspring bootubuntu linuxjiraconfluence

Projects

• 디어마이홈 서비스 모노레포 전환 및 리뉴얼 프로젝트

  2024.04 ~ 2024.06

  /

  라우드

  디어마이홈 서비스를 리뉴얼하고 모노레포 구조로 전환하여 유지보수에 이점을 가져가기위한 프로젝트

  • 프로젝트 정보

    • 참여 인원 : 5명 (FE 2명, BE 1명, PM 1명, Design 1명)
    • 기술 스택 : Nextjs 14 App Router, Turborepo, Tailwind-css, Zustand, React-Hook-Form, Typescript, GTM, GA, Github Actions, AWS CodeDeploy

  • 프로젝트 상세

    • Next.js 14 App router, TypeScript, Turborepo 기반의 모노레포 환경을 설계하고 서비스 개발을 담당 (100%)
    • 카카오, 구글, 애플 등 소셜 로그인 구현 및 모듈화 (100%)
    • 포트원 v2를 이용한 결제/본인 인증 기능 구현
    • 챗봇형 견적 상담 기능 개발 (100%)
    • 디어마이홈 어드민 페이지 기능 구현 (70%)
    • 공통 UI 컴포넌트 모노레포 패키지 개발 (100%)
    • AWS CodeDeploy & Github Action CI/CD 배포 프로세스 구축 (90%)

  • 주요 성과

    • 2개월(24.04.16 ~ 24.06.17)의 기간으로 모노레포 환경의 신규 프로젝트를 안정적으로 런칭
    • 기능만 가진 공통 UI 컴포넌트를 모노레포 패키지로 개발하여 일관된 DX를 제공하고, 개발 생산성 향상
    • AWS EventBridge와 Lambda를 활용한 DEV 환경 스케줄링으로 월별 서버 유지 비용 13% 절감
    • 모노레포 환경에 맞는 CI/CD 배포 프로세스를 구축하여 배포 시간 10% 단축 및 안정성 확보

• 디어마이홈 Flutter 하이브리드 앱 개발 프로젝트

  2024.12 ~ 2025.02

  /

  라우드

  디어마이홈 사용자 편의성, 접근성 증가를 위한 하이브리드 앱 개발 런칭 프로젝트

  • 프로젝트 정보

    • 참여 인원 : 3명 (FE 1명, BE 1명, PM 1명)
    • 기술 스택 : Flutter, webview_flutter4, Firebase Message

  • 프로젝트 상세

    • Flutter, webview_flutter 4를 사용한 하이브리드 앱 설계, 개발 (80%)
    • Firebase 앱 푸시 연동, 딥링크 기능 구현 (100%)
    • 포트원 v1 결제, 본인인증 웹뷰 연동 (100%)
    • 카카오, 애플 로그인 웹뷰 연동 (100%)
    • 디바이스 네이티브 기능 브릿지 함수 개발 (90%)

  • 주요 성과

    • IR 투자 시연을 위한 앱 빠른 런칭 목표 달성
    • 앱 개발, 배포, 정책, QA, 런칭에 대한 경험을 쌓음

• 비엘큐 어드민 모노레포 개발 프로젝트

  2023.07 ~ 2023.10

  /

  비엘큐

  기존 어드민의 기술 부채 해소를 위한 마이그레이션, 퀵셀 서비스 어드민 신규 개발을 위해 진행한 프론트엔드 어드민 모노레포 프로젝트

  • 프로젝트 정보

    • 참여 인원 : 3명 (FE 2명, BE 1명)
    • 기술 스택 : Nextjs 13 App router, Turborepo, Emotion-css, Tailwind-css, Zustand, React-Hook-Form, DaisyUI, Typescript, Github Actions, AWS CodeDeploy

  • 프로젝트 상세

    • 어드민 모노레포 세팅 및 어드민 공통 컴포넌트 모노레포 패키지 개발 (80%)
    • 테스트밸리 어드민 페이지 마이그레이션 (80%)
    • 퀵셀 어드민 페이지 기능 개발 (100%)
    • 주문/배송 스윗트래커 연동 기능 모듈화 (100%)
    • 서비스별 배포를 위한 Github Action Workflow 배포 스크립트 작성 (60%)

  • 주요 성과

    • 모노레포를 통한 어드민 디자인 공통화, 공통 컴포넌트 패키지화를 통해 개발 생산성 향상에 기여
    • 배포시 Git Tag name으로 버저닝한 빌드 파일을 S3에 압축 저장하여 롤백 가능하도록 구현

• 메세지서버 어드민 내제화 프로젝트

  2023.09 ~ 2023.10

  /

  비엘큐

  서비스별 앱 푸시 기능 개발과 데이터 베이스상으로 개발자가 관리하던 알림톡 템플릿 관리를 위한 메세지서버 어드민 개발 프로젝트

  • 프로젝트 정보

    • 참여 인원 : 2명 (FE 1명, BE 1명)
    • 기술 스택 : Nextjs 13 App router, Turborepo, Tailwind-css, Zustand, React-Hook-Form, Typescript

  • 프로젝트 상세

    • iFrame 내제화를 위한 메세지서버 설계 참여 및 개발 (100%)
    • 앱 푸시, 템플릿 관리, FCM 예약 발송 기능 개발 (100%)
    • 알림톡 템플릿, 파라미터 오타 검수 기능 개발 (100%)

  • 주요 성과

    • 알림톡 템플릿 오타 검수를 통해 발생하던 알림톡 미승인 Jira 리포트 월 4건 이하로 감소
    • 푸시 메세지 기능 및 알림톡 템플릿 생성/수정을 위한 마케팅-개발 부서간의 리소스 부족에 의한 마케팅 병목 현상 개선으로 서비스 리텐션 지표 32% 상승
    • 모노레포와 iFrame을 이용하여 서비스별 메세지서버 중복 코딩 최소화 및 개발자 유지보수 향상에 기여
    • 메세지서버 어드민 빌드시 static export를 통해 서버 메모리 리소스 최적화 진행

• 테스트밸리 이벤트 페이지 CMS 웹 빌더 기능 개발 프로젝트

  2023.06 ~ 2023.06

  /

  비엘큐

  마케팅 팀에서 요청하는 테스트밸리 이벤트 기획전 페이지를 마케터가 직접 구성하고 발행하는 기능 개발

  • 프로젝트 정보

    • 참여 인원 : 2명 (FE 1명, BE 1명)
    • 기술 스택 : Nextjs 13 App router, Turborepo, Tailwind-css, Zustand, React-Hook-Form, Typescript

  • 프로젝트 상세

    • 테스트밸리 어드민 CMS 웹 빌더 기능 개발 (100%)
    • 마케팅 팀에서 필요한 기능을 설문조사로 수집하여 이벤트 타입별 아티클 데이터 설계 (100%)
    • zustand local store를 사용하여 리랜더링 최적화로 성능 개선 (100%)

  • 주요 성과

    • 이벤트 페이지 제작/배포에 주 평균 1~2MD 투입되던 프론트엔드 개발자 리소스 확보
    • 프론트엔드에서 데이터를 JSON 형태로 관리하여 DB에 저장해서 사용하는 형태로 개발하여 백엔드 개발자 리소스를 부족 이슈 해결
    • context-api 리랜더링 이슈 개선을 통해 크롬 개발자도구 Profile 기준 렌더링 소요시간 약 40% 개선 및 코드 유지보수 향상
    • 이후 공통 모듈화를 진행하여 퀵셀 어드민에 동일하게 적용

• 웰로비즈 SaaS 개발 런칭 프로젝트

  2022.03 ~ 2022.06

  /

  웰로

  기업 정책 추천, 매칭, 관리 기능을 제공하는 SaaS 서비스 신규 개발 프로젝트

  • 프로젝트 정보

    • 참여 인원 : 5명 (FE 2명, BE 1명, PM 1명, Design 1명)
    • 기술 스택 : Vue.js, Nuxt.js, Sass(scss), Vuex, Element-UI, 폴라리스 오피스 라이브러리, 쿠콘 정부민원서류 라이브러리

  • 프로젝트 상세

    • Nuxt.js, Sass 기반의 프로젝트 레이아웃 설계, 세팅 (100%)
    • 비회원 랜딩 페이지, 블로그 기능 개발 (50%)
    • 폴라리스 오피스 솔루션을 Vue 컴포넌트로 내제화, 한글문서 편집 기능 개발 (100%)
    • 쿠콘 솔루션 (jQuery)를 Vue 컴포넌트로 내제화, 정부민원서류 조회/다운로드 기능 개발 (90%)
    • sitemap 정책 등록 관리 기능 개발 (100%)
    • 팁스(tips) 파워포인트 템플릿 생성 자동화 기능 개발 (70%)
    • 프론트엔드 개발 Jira Task 관리 및 일정 관리 (100%)

  • 주요 성과

    • 외부 솔루션 내제화하는 노하우와 컴포넌트화를 통한 DX 개선 경험을 쌓음
    • 프론트엔드 개발 일정을 타이트하게 관리하여 개발 기간 단축으로 테스트 QA 기간 확보 (예정된 개발 기간 대비 10% 단축)
    • sitemap 최대 갯수 제한 이슈를 빌드 단계에서 동적 생성하는 방법으로 이슈 해결

• 웰로 회원가입 사용자 경험 개선 프로젝트

  2022.10 ~ 2022.10

  /

  웰로

  회원가입 이탈률 감소를 위한 A/B 테스트 및 데이터 기반의 회원가입 경험 개선 프로젝트

  • 프로젝트 정보

    • 참여 인원 : 3명 (FE 1명, BE 1명, PM 1명)
    • 기술 스택 : Vue.js, Sass(scss), Vuex, Hackle, Hotjar

  • 프로젝트 상세

    • 회원가입 A/B 테스트 제안 및 시나리오 작성 (100%)
    • A/B 테스트용 공통 컴포넌트 개발 (100%)
    • 회원가입 간편 회원가입 기능 및 리워드 기능 개발 (100%)

  • 주요 성과

    • 간편 회원가입 및 사후입력 리워드 기능으로 개선하여 GA 회원가입완료 지표 58% 에서 87%로 개선
    • Hackle 솔루션을 통해 A/B 테스트 경험을 쌓고, 이후 데이터 기반 의사 결정시 A/B 테스트용 컴포넌트로 간편하게 적용할 수 있도록 최적화 진행
    • Hotjar 솔루션으로 유저의 병목/이탈 지점을 확인하고 개선하는 경험을 쌓음

• 식권24 하이브리드 앱 개발/런칭

  2021.11 ~ 2021.12

  /

  위펀

  직원의 식대를 관리하고, 직원들이 자유롭게 식대를 사용할 수 있는 식대 관리 서비스 개발

  • 프로젝트 정보

    • 참여 인원 : 5명 (FE 2명, BE 1명, PM 1명, Design 1명)
    • 기술 스택 : Vue.js, Sass(scss), Vuex, Kakao Map, payple

  • 프로젝트 상세

    • 웹뷰 프로덕트 환경 세팅 (100%)
    • 카카오맵 음식점 지도 기능 개발 (70%)
    • document.elementsFromPoint로 좌표 음식점이 겹쳐있을 때 목록화하는 커스텀 오버레이 마커 선택 기능 고도화 (100%)
    • payple 결제 기능 연동 (60%)
    • 이미지 Lazy 로딩 최적화 및 번들링 최적화 (80%)
    • 식권 결제 페이지, 함께 결제 페이지, 키패드 기능 개발 (100%)

  • 주요 성과

    • 웹뷰 기반 하이브리드 앱을 안정적으로 런칭하여 모바일 사용자의 서비스 접근성 향상
    • 금액 입력 및 결제 UI/UX를 개선하기위해 키패드 팝업 기능을 개발
    • 이후 함께 결제등 지속적인 기능 개선을 통해 고객사를 확보하여 서비스 지역 강남에서 여의도까지 확대
    • nginx g-zip 설정을 통해 번들 크기 압축하여 페이지 로딩 속도 향상
    • 식당, 메뉴 등 이미지에 Lazy 로딩을 적용하여 페이지 초기 로딩 속도 향상

• 기타 프로젝트

  2018.04 ~ 2024.02

  • 라우드

    • B2B 회원을 위한 자재 쇼핑몰 기능 구현, 결제 로직 공통화 (24.08.05 ~ 24.08.20)
    • 대화형 인테리어 견적 신청 기능 개발 고도화 (24.09.13 ~ 24.09.23)
    • 카카오 맵 API를 활용하여 인테리어 시공사례를 지도에 노출 기능 개발 (24.11.01 ~ 24.11.19)

  • 비엘큐

    • 테스트밸리 맴버쉽 기능 개발 (2023.07)

  • 웰로

    • 웰로 2.0 디자인 리뉴얼 프로젝트
    • SVG 이미지 컴포넌트 사용성 개선 프로젝트
    • 웰로 어드민 워드프레스 서비스 마이그레이션 프로젝트

  • 위펀

    • 퀵24 서비스 개발 (2021.07)
    • 생일24 관리자 페이지 개발, 리뉴얼 (2021.07)
    • 스낵24 어드민 리뉴얼 (2021.06 ~ 2021.07)
    • 웹 노코드 빌더로 운영되던 서비스 소개페이지 이관 프로젝트 (2021.08 ~ 2021.10)

  • 하이브랩

    • [삼성 닷컴] 2020 Watch Configurator Page 개발 (2020.06 ~ 2020.12)
    • [삼성 닷컴] EU 컴포넌트 개발/운영 (2018.07 ~ 2018.09, 2019.03 ~ 2019.06)
    • [삼성 닷컴] 닷컴 홈 개편 프로젝트 (2018.06 ~ 2019.01)
    • [삼성 닷컴] Support 개편 프로젝트 (2018.05 ~ 2018.08)
    • [삼성 닷컴] SHOP 통합 프로젝트 (2018.04 ~ 2018.08)
    • [사내 시스템] 전자 결재 시스템 개발·운영 (2019.01 ~ 2020.12)
    • [사내 시스템] 리소스 관리 솔루션 개발·운영 (2019.01 ~ 2020.12)
    • [사내 시스템] 유연근로 출퇴근 통합관리 기능 개발 (2020.01 ~ 2020.03)
    • [사내 시스템] 리소스 관리 솔루션 통계 오류 개선 프로젝트 (2020.01 ~ 2020.06)