@BaakHan
소개LihgtMode
PDF 열기

Introduce

백엔드와 프론트엔드 개발, 코어 개발, 신규/리뉴얼 개발, 유지보수 및 운영 경험을 가진 프론트엔드 개발자입니다.
React, Next.js, TypeScript, Redux 등을 활용한 개발과 운영 경험을 보유하고 있으며 항상 사용자의 입장에서 고민하며 최적의 서비스를 제공하기 위해 노력하고 있습니다.

다양한 경험들과 환경으로 기여할 수 있도록 노력하고 있습니다. 이를 통한 다양한 경험을 쌓기 위해 각종 프로젝트에 투입할 수 있도록 매일 학습중이며 개발, 유지보수/운영 을 통해 경험치를 쌓고 있습니다. 개발 블로그를 통해 부족한 부분을 기록할 수 있도록 노력중이며 프론트엔드 개발의 정점에 다다르겠다는 목표로 꾸준히 나아가고 있습니다.

개발이란 코딩을 잘하는 것이 중요하다고 생각할 수 있지만 커뮤니케이션이 가장 중요하다고 생각하고 있습니다. 비즈니스와 사용자와의 적극적인 커뮤니케이션과 책임감을 바탕으로 보다 더 좋은 프론트엔드 개발자로서 성장하기 위해 학습하고 경험하고 노력하고 있습니다.

Latest Updated2025.08.20
Skill
Languages
  • TypeScript
  • JavaScript
  • HTML/CSS
  • Java
Frameworks & Libraries
  • React
  • Next
  • Nest
  • Node
  • Express
  • Sass
  • Tailwind
  • Redux
  • Recoil
  • i18n
  • Storybook
Infrastructure & Databases
  • AWS
  • Apache
  • Docker
  • MySQL
  • MariaDB
  • Linux
Tools & IDEs
  • Git
  • GitHub
  • Jenkins
  • VS Code
  • Jira
  • Bitbucket
  • Confluence
  • Vercel
  • DataDog
Experience
companyImg

내담씨앤씨

2022-03~2025-03
3년
  • 한화생명 코어프로젝트 개발 (2명)
  • Naedam Admin 프로그램 구축 (3명)
  • Naedam New Homepage 신규개발 (3명)
  • 한국미스미 프론트엔드 유지보수/운영 (4명)
  • 한국미스미 리뉴얼 개발 (4~6명)
Project
한국미스미 이커머스 플랫폼 마이그레이션 (React/Next.js)

한국미스미

한국미스미 이커머스 플랫폼 마이그레이션 (React/Next.js)

2024-05~2025-03
10개월
ReactTypeScriptNext.jsReduxNodejsSassVercelWebpackSWCBabelDataDogGitHub ActionsCircleci
Feature

이커머스 플랫폼 마이그레이션

2024-05~2024-12
  • RxJS, Twig 기반 10년 된 레거시 플랫폼을 React + Next.js 기반으로 전면 리뉴얼
  • 렌더링 최적화, Intersection Observer, Lazy Load + CDN(S+CloudFront) 도입을 통한 레거시 시스템 대비 렌더링 속도 60% 향상 및 사용자 이탈률 15% 감소
  • CSR/SSR 분기 처리 및 Next 미들웨어로 크롤링 대응 -> SEO 이슈 해결
  • 멀티 디바이스 구조 설계 (_app.pc.tsx / _app.mobile.tsx 분리) -> 기기별 최적화 및 유지보수 효율 증대
  • 상품 비교 기능 및 비교 페이지 신규 도입 개발 -> 비교 상품에 관한 상세 페이지 유입률 및 구매 전환율 상승
  • 공통 UI 컴포넌트(Button, Checkbox, Modal 등) 개발 -> UI 일관성과 유지보수성 향상
  • 헤더, 메인페이지, 장바구니, My부품 추가 등 주요 기능 개발
    • Test

    기능 테스트 및 오픈 대응

    2024-12~2025-01
  • QA팀과 협업하여 크로스 브라우징 및 모바일 대응 테스트 수행
  • 최종 오픈 일정에 맞춰 사용자 피드백 기반 수정 및 기능 안정화 진행
    • Stabilize

    안정화 및 운영

    2025-01~2025-03
  • 서비스 오픈 이후 주요 기능에 대한 모니터링 및 오류 수정 진행
  • 사용자 행동 데이터 기반으로 UI/UX 개선 및 성능 최적화 수행
  • 운영 이슈 대응 및 관리 기능 개선을 통해 서비스 안정성 강화
    • 프론트엔드 유지보수/운영

    한국미스미

    프론트엔드 유지보수/운영

    2023-04~2024-04
    1년
    PhpRxjsTwigJavascriptJqueryUbuntu LinuxDockerApacheNodejsXamppBitbucketJenkins
    Feature

    GA4 도입 및 전환 이벤트 트래킹 구축

    2023-04~2023-07
  • 기존 Universal Analytics(UA) 종료에 대응하여 Google Analytics 4 전면 도입
  • 모든 페이지의 PV(Page View) 및 주요 사용자 행동 이벤트(장바구니 추가, 주문, 상품 스펙 확인, 검색 등) 트래킹 구축
    • Feature

    배송 정책 개편에 따른 API 및 화면 개발

    2023-08~2023-09
  • 일본 본사 API 변경에 따라 특별 배송 항목을 추가하는 프로젝트에 참여
  • 새로운 과금 항목 및 배송료 로직에 대응하여 API 설계 및 화면 단 변경 수행
    • Style

    UI/UX 개선 작업

    2023-09~2023-11
  • UI/UX 개선 작업을 통한 콘텐츠 시선 흐름 및 마우스 동선 최적화 - UX 개선 및 이탈률 감소에 기여
  • 사용자 권한에 따른 메인페이지 및 공통 헤더 UI 분기 처리로 개인화된 UX 제공
  • 불필요한 반복 동작 제거 및 마이크로 인터랙션 도입을 통한 사용자 이탈률 감소에 기여
    • Fix

    Admin 기능 개선 (답변 회수 처리 기능)

    2023-12~2023-12
  • 관리자 페이지에서 사용자가 등록한 문의에 대해 답변 후 회수가 필요한 경우, 상태에 따른 처리 로직을 추가
  • 프론트엔드에서 조건에 따라 버튼 UI 변경 및 API 연동 구현
    • Feature

    Groobee 솔루션 기반 추천 상품 기능 개발

    2024-01~2024-03
  • Groobee 솔루션을 활용하여 상품 조회수 및 구매 수 기반 데이터 수집 및 전송
  • 사용자의 최근 본 상품을 기준으로 추천 상품을 노출하는 기능을 Groobee API를 기반으로 개발
    • 사내 홈페이지 신규개발

    내담씨앤씨

    사내 홈페이지 신규개발

    2022-12~2023-03
    3개월
    JavaSpring BootJavascriptJqueryMariaDBServletCafe24
    Feature

    사내 홈페이지 설계

  • 전체 기획 및 사이트맵 설계 주도
  • 최신 IT 기업 홈페이지 트렌드를 참고해 전체 구조 기획
  • 부서별 소개자료 수집 및 콘텐츠 반영
  • 사내 관리자 시스템 도입을 통해 홈페이지 콘텐츠를 동적으로 제어할 수 있는 구조 구현
    • Feature

    사내 홈페이지 Back-end 및 Front-end 개발

  • 관리자 페이지에서 이미지·텍스트 등을 쉽게 수정할 수 있도록 구성
  • 쿠키 기반 다국어 전환(국/영문) 기능 구현
  • 반응형 UI + 스크롤 인터랙션 설계로 최신 트렌드 반영 및 최신 스크롤링 기반 레이아웃과 시각적 인터랙션 도입
    • 코어 시스템 구축 프로젝트

    한화생명

    코어 시스템 구축 프로젝트

    2022-06~2022-12
    6개월
    JavaJavascriptServletApacheOracleKendoUIGitLabJobPassTeraStreamETL
    Feature

    ETL 프로그램 전환 및 레거시 시스템 전면 개편

  • TeraStream, JobPass 등 신규 ETL 프로그램을 도입하면서 기존 배치 프로그램을 신규 시스템에 맞춰 전면 재개발
  • 시스템 간 데이터 전송을 위한 배치 인터페이스를 구현하였으며, 실제 운영 환경에서 데이터가 정확하게 전달되도록 다각도의 검증 로직을 설계 및 적용.
    • Test

    데이터 마이그레이션 검증

  • as-is 시스템과 to-be 시스템 간의 대규모 데이터 마이그레이션 과정에서, 이관 대상 데이터의 정확성을 검증하기 위한 로직 자동화
  • 샘플링이 아닌 전수 비교를 수행하기 위한 스크립트를 작성하여, 컬럼 단위의 상세 검증 및 통계 리포트를 통해 데이터의 완전성을 확보
    • Feature

    Front-end 신규 개발 (레거시 시스템 청산)

  • 수수료 계산, 확인, 사전업무 등 사용자 업무 흐름을 고려한 페이지를 새롭게 설계 및 개발
  • 사용자 행위 기반 로직이 많아 동적 렌더링 처리와 상태 관리에 대한 세밀한 고민을 바탕으로 화면 구현
    • Education
    2011.03~2014.02

    문산제일고등학교

    자연계 졸업

    2014.03~2018.02

    국제대학교

    외식조리과 졸업

    2021.02~2021.08

    디지털컨버전스 기반 융합기술을 활용한 SW 웹 개발자 양성과정

    - 기술 학습: Java, JSP & Servlet, Spring 프레임워크, 데이터베이스 및 웹 표준 기술 학습. - 프로젝트 경험: MVC 패턴을 활용한 미니 프로젝트와 Spring 기반 개인 및 팀 프로젝트 수행. - 역량 강화: 실무 중심의 프레임워크 활용과 협업을 통해 웹 개발 역량 배양.

    2023.03~2025.02

    방송통신대학교

    컴퓨터과학과 졸업