채용공고 올리기

한상욱님을 응원해보세요!

지금 만족하고 있어요
성실함
책임감
분석적
학습 지향

미리보기

직업
프론트엔드 개발자
이름
한상욱
이메일
rewq5991@gmail.com
간단소개
프론트엔드 개발자로서 다양한 문제 해결 경험을 쌓아 왔습니다. 사용자 요구 사항을 깊이 이해하고, 이를 가장 효과적으로 구현할 수 있는 해결책을 찾아내는 데 집중합니다. 주도적인 태도와 책임감을 갖고 프로젝트에 임하며, 이러한 환경에서 역량을 발휘하고 성과를 창출해 왔습니다. 또한 팀 내·외부에서 발생하는 문제를 객관적으로 관찰하고 판단하려고 노력합니다. 이 과정을 통해 더 나은 방향과 개선점을 끊임없이 고민하며, 팀 전체의 성장에 기여하는 것을 목표로 삼고 있습니다.

포트폴리오

타입
URL
URL 링크
link
개발 블로그
깃허브
link
github

교육

소속/기관
용인대학교
종류 | 전공명/전공계열
대학교(학사) | 경영학과
재학 기간 (재학 상태)
2010.03. - 2019.08. (졸업)
소속/기관
국민대학교 소프트웨어 융합대학원
종류 | 전공명/전공계열
대학원(석사) | 소프트웨어
재학 기간 (재학 상태)
2022.03. - 2023.08. (졸업)

기술 스택

기술 스택
React
TypeScript
Next.js
Docker

경력

회사명
주식회사뮤즈라이브
직책 • 부서
사원 • 개발팀
근무 기간 (근무 형태)
2024.04. - 재직 중
(1년 1개월 | 정규직)
담당 업무

서비스 소개

키트베러는 아티스트들이 온라인에서 직접 키트앨범을 제작하고 판매 서비스

  • 역할

    • 프론트엔드 챕터 리딩

    • 모노레포 관리 (2개의 서비스 & 3개의 패키지)

    • Turborepo를 활용하여 분산된 서비스 통합 및 CI/CD 파이프라인 구축

    • 키트배러, 키트 스튜디오 관리 및 유지 보수

모노레포 및 아키텍처 재설계

  • 문제

    • 모놀리스 식 서비스와 높은 운영 비용

      • 배포, 유지보수, 비용 관리의 복잡성 증가

    • 초기 수요 측정이 불가하여 불필요한 인프라 비용 발생

      • EC2 인스턴스(T3.small 3개, T3.medium 3개) 운영

  • 해결

    • Turborepo 기반의 모노레포 개발 환경 구성

    • MSA 기반으로 재설계하여 마이그레이션 비용과 유지보수 복잡도 감소

    • 여러개의 인스턴스를 개발 1개 운영 1개로 통합 운영

      • T3.small 2대로 통합

    • CI/CD 파이프라인 도입 및 구축

      • gitaction, ecr, ecs, s3, docker 활용

      • docker tag를 활용한 버저닝 적용

    • 버전 롤백 프로세스 도입

      • Rollback 워크플로우에서 태그 입력만으로 과거 버전 이미지적용해 장애 발생 시 신속한 롤백 가능

  • 결과

    • 인프라 운영 비용 75% 절감

    • CPU·메모리 사용률을 안정적으로 유지해 최소 자원으로도 서비스 품질 보장

    • 배포·롤백 속도 및 안정성 향상

개발 문화와 협업 프로세스 정립

  • 문제

    • 팀마다 서로 다른 기준으로 코드를 작성하고 머지하여 팀간의 공유가 어려움

    • 핫픽스가 필요할 때 버전이 관리가 되어있지 않아 롤백의 필요를 느낌

    • 여러 서비스의 동시에 적용되어야 할 로직의 필요성 느낌

  • 해결

    • 코드 리뷰를 의무화하고 리딩하였으며 eslint 정책 설계 및 환경 구축

    • 배포 알림, 버전 관리, 코드 컨벤션 등을 포함한 릴리즈 노트 생성

    • Core 패키지로 공통 로직(쿠키 설정, HTTP 모듈 등)을 표준화

  • 결과

    • 컨벤션 적용으로 코드 일관성과 협업 효율성 증가

    • 프로젝트의 안전성을 높이고 체계적으로 관리 가능

    • 공유 로직 도입으로 중복 개발 최소화 및 일괄 적용 가능

디자인 시스템 구축

  • 문제

    • 브랜드의 정체성이 확립되지 않아 디자인의 잦은 변경

      • 각 서비스의 담당 디자이너가 달라 다른 디자인 구축

  • 해결

    • 스토리북과 matine을 도입하여 디자인 시스템 구축

  • 결과

    • 디자인 시스템 도입으로 컴포넌트 QA·문서화, UI/UX 일관성 유지

    • 디자이너와 개발자 간 협업 효율화

    • 화면 개발 속도 증진 -> manday 50% 감소

회사명
주식회사패니지먼트
직책 • 부서
선임 • 개발팀
근무 기간 (근무 형태)
2023.09. - 2024.02.
(6개월 | 정규직)
담당 업무
  • 서비스 소개
    • 팬과 셀럽의 소통을 위한 팬 이커머스 플랫폼
  • 역할
    • 팀리더, 프로젝트 일정 및 역할 관리
    • 재사용이 가능한 컴포넌트 구축
    • 프로젝트 배포 관리(Fastlane, Code-Push)
    • React 및 React Native 로 구현된 패니지먼트 프로덕트의 구조 설계 및 유지보수
회사명
슈퍼주식회사
직책 • 부서
사원 • 개발팀
근무 기간 (근무 형태)
2022.06. - 2023.05.
(1년 | 정규직)
담당 업무
  • 서비스 소개
    • 개인의 일정부터 가족, 연인, 친구, 근처 Superjoin 멤버들과의 일정까지 연결해주는 일정 관리 서비스
  • 역할
    • 슈퍼조인의 어드민 신규 기능 개발 및 유지보수 (Next.js, Firebase)
    • 슈퍼조인의 앱의 데이터 정합을 위한 cron 개발 및 배포 (Firebase)
    • 위치 기반의 매칭 서비스를 제공하며, 이를 통해 사용자 간 일정 공유 기능 개발
    • 유저들의 취향과 mbti, 거리를 기반한 매칭 시스템 기능 구현

프로젝트

프로젝트명
키트 스튜디오
소속/기관명
주식회사뮤즈라이브
프로젝트 기간
2024.06. - 진행 중
(11개월)
프로젝트 설명

기술 스택

  • Next.js React Panda-css Tanstack/query Jotai I18next Storybook React-hook-form Zod

사용자 데이터 캐싱 및 미들웨어 처리로 UX 개선

  • 구현 내용 : Next.js 미들웨어를 활용한 사용자 인증 로직 구현

    • 캐싱 전략 개선

      • 액세스 토큰 및 사용자 데이터를 쿠키에 저장하여 캐싱

      • 유효성 검증 실패 시 리패칭 로직 적용

    • 권한 제어 및 리다이렉트 구현

사용자 입력 프로세스 스텝퍼 구현

  • 구현 내용

    • 스텝퍼 UI 컴포넌트를 설계 및 구현, 각 스텝에 대해 별도의 폼과 유효성 검사 로직 적용

  • 주요 작업

    • 상태 관리 : Jotai와 Zod로 진행 상태와 폼 유효성 관리

    • 에러 처리 : 입력값 검증 및 에러 표시로 UX 개선

    • 반응형 설계 : 다양한 디바이스에 최적화된 UI 제공

    • 재사용성 : 탭별 컴포넌트 분리로 확장성 확보

결제 시스템 모듈 설계 및 개발

  • 구현 내용

    • 확장성을 고려한 결제 모듈의 설계 및 구현

프로젝트명
팬들- 앱
소속/기관명
패니지먼트
프로젝트 기간
2023.09. - 2024.02.
(6개월)
프로젝트 설명

  • 기술 스택

    • React-Native, firebase, styled-components, React-Query, Recoil, Code-Push, fastlane

  • 상세내용

  • 프로젝트 관리 및 매니징

  • 효율적인 배포 환경을 위한 fastlane 도입 및 배포 관리

  • 쉘 스크립트를 통한 개발 환경 자동 구축 및 관리

  • 효율적인 유지보수를 위한 아키텍쳐 설계 및 도입

  • 디자이너와의 협업을 통한 디자인 시스템 구축

프로젝트명
슈퍼조인- 앱
소속/기관명
슈퍼조인
프로젝트 기간
2022.06. - 2023.05.
(1년)
프로젝트 설명

  • 기술 스택

    • React-

      Native, Firebase, React-query, Stlyed-Components,

      Code-

      Push

    • 상세내용

  • 일정관리와 위치기반 앱에서

    유저간의 매칭 서비스 개발

    • 하루에 5개의 카드를 매칭해 보여줌 (날짜+유저아이디 를 조합

      하여 매칭카드 알

      리고즘 생성)

  • 디자이너와의 협업

    을 통한 디자인 시스템 구축

프로젝트명
슈퍼조인-어드민
소속/기관명
슈퍼조인
프로젝트 기간
2022.07. - 2022.08.
(2개월)
프로젝트 설명

  • 기술 스택

  • 앱에서 필요한 다양한 장소 데이터 제

    공 및 관리

  • 앱에서 필요한 데이터들의 정합을 위해 cron 개발 및 관리

  • 앱광고에 필요한 데이터를 관리

    할 수 있도록 구현

  • 매칭 시스템을 위한 매일 매일 추천 카드 생성 기능 구현

댓글