최용원

Frontend Engineer
  • 사이드 프로젝트를 통해 아이디어를 실체화하는 것을 좋아하며, 현재 3개의 서비스를 운영하고 있습니다.
  • 주어진 환경에서 최대한의 효율을 내려고 노력합니다. 제한된 환경 내에서 비용을 최적화 한 경험이 다수 있습니다.
  • 근본적인 원리에 대한 이해를 바탕으로, 문제의 본질을 파악하고 해결책을 도출하는 것을 지향합니다.
  • 현재 React Specialist를 목표로 React의 전반적인 동작 과정을 정리하고 있습니다.

Project

AT (A Spot Thur)
개인
2024. 02. ~ 2024.05.위치를 기반한 오프라인 취미활동에 재미를 더하고자 자신만의 장소를 기록하고 공유할 수 있는 서비스
next.jsrecoiltanstack-queryvanilla-extractsupabaseprismaauthjsvercel
우연한 발견
협업FEBE
2022. 09. ~ 2023.06.특정 위치에서 일어난 사건이나 이야기를 익명으로 공유할 수 있는 위치 기반 SNS 서비스
nestjsaws ecsaws ecraws snsaws sqsaws rds
  • AWS의 ECS 기반으로 MSA 아키텍쳐를 설계하고 구축 및 사용자, 인증, 게시물 API 개발 등 프로젝트 전반 리딩 담당
  • FE와 BE 간 반복적 소통 최소화를 위한 백오피스 관리 페이지 개발로 FE 개발 효율성 향상 및 데이터 검증 프로세스 간소화
  • Mutation 요청 시 서비스 간 데이터 변경 사항을 반영하는 과정에서 서비스 다운으로 인한 데이터 유실 문제가 발생하여 이를 해결하고자 SQS와 SNS를 활용한 이벤트 기반 통신 방식을 채택. 서비스 다운 시에도 이벤트가 큐에 저장되어, 서비스 복구 후 큐의 이벤트를 처리함으로써 데이터 정합성 문제 해결
  • FE와 BE 서버의 엔드포인트 주소를 논리적으로 분류하기 위해 서브도메인으로 구분하여 배포
  • 팀원 간 기술 수준 격차와 제한된 시간 등의 제약 속에서 기술 부채를 최소화하는 것을 목표로 프로젝트를 진행하기 위해, 필요 기술과 변경된 인프라 환경을 주기적으로 시각화하여 공유 및 발표
아띠 클라이밍
협업FEBE
2023. 07. ~ 2023.09.클라이밍장 소개 및 관리 페이지 (외주)
next.jstailwind cssgoogle analyticsaws s3
  • Google Analytics에서 수집한 사용자 위치, 성별, 방문 정보 등을 다양한 차트와 그래프로 시각화하여 보여주는 대시보드 페이지 개발
  • SideBar 애니메이션에서 레이아웃 스레싱으로 인한 성능 저하 문제를 식별. CSS GPU 가속 프로퍼티를 활용하여 렌더링 효율성 개선
  • AWS S3의 pre-signed URL을 활용한 이미지 업로드 시스템 구축. 이를 활용한 종합적인 이미지 관리 페이지 및 API 개발
정용진 맛집 지도
개인
2022. 02. ~ 2022.03.신세계 정용진 부회장이 추천하는 약 660여 개 맛집을 한눈에 확인할 수 있는 웹 서비스
next.jsstyled-componentsgoogle analytics
  • 수백 개의 맛집을 대상으로 검색할 때 불필요한 렌더링으로 인해 성능 저하 문제 발생. React.memo와 Throttle를 사용하여 리렌더링을 최소화함으로써 렌더링 성능 약 8배 개선
  • SEO 최적화를 통해 LightHouse 지표를 약 1.5배 향상시켜 구글 검색 순위 1위를 달성. 이 후 유입이 증가하여, 누적 사용자 약 7천 명과 MAU 300명을 기록
Vidalog
개인
2021. 06. ~ 2021.09.Github의 잔디 달력과 Instagram의 스토리 달력을 결합하여 인생(vida)을 시각적으로 기록(log)하는 웹 서비스
reactrecoilstyled-componentsstorybooknestjsaws lambdadockercirclecinginx
  • 이미지 업로드 시 최대 너비와 높이를 초과하면 리사이징하는 로직을 적용하여 이미지 로딩 시간 약 40% 절약
  • Presentational & Container 패턴을 적용하여 비즈니스 로직을 분리
  • StoryBook을 사용해 UI를 독립적으로 테스트하여 개발자 경험 및 안정성 개선
  • Github의 잔디 달력 UI 및 Instagram 스토리 달력 UI 구현
  • 트래픽에 비해 24시간 가동되는 EC2의 비용이 부담되어, 컴퓨팅 사용 시간에 따라 비용이 발생하는 Lambda로 배포하여 한 달 기준 약 13$의 비용 절약
Yirang
협업FE
2020. 08. ~ 2021.02.독거 노인을 위한 재가봉사 매칭 웹 서비스
reactstorybookreact-reduxstyled-componentsnginx

Skill

Frontend
  • Next.js, React, TypeScript 환경에 익숙합니다.
  • React의 Fiber 아키텍처를 이해하고 있으며, Render 및 Commit Phase의 세부 동작과정을 얕게 이해하고 있습니다.
  • Next.js의 SSR 프로세스를 이해하고 있습니다. RSC Payload의 생성 과정, Hydration 과정을 설명할 수 있습니다.
  • Critical Rendering Path의 주요 단계를 이해하고 웹 최적화에 적용할 수 있습니다.
  • 자바스크립트 동작 과정을 이해하고 있습니다.
Git
  • add, commit, push 등 기본적인 명령어를 다룰 수 있습니다.
  • rebase와 merge의 차이점을 이해하고 있습니다.
  • commit, tree, blob 개체에 대해 이해하고 있습니다.

Award

IT’s DGB, IM Challenger 대한민국 디지털 인재 양성 프로젝트
Final Round 진출
2023. 06. 27.DGB 금융그룹
  • '헬스케어 바탕의 IM# 내 새로운 간편결제 시스템' 주제에서 FE와 BE 개발 담당
  • 46개 팀이 참가한 대회에서 최종 4위 달성
K-Digital Platform 데이터를 활용한 해커톤
최우수상
2022. 11. 05.경북대학교
  • '골목 CCTV 데이터로 추출한 인구 밀집도를 기반으로 위험도를 분석하고, 지도를 통해 시각화하는 공공기관용 웹 애플리케이션' 주제에서 Kakao Maps API를 활용한 FE 지도 시각화 개발 담당
글로벌 이노베이터 페스타(GIF) 경진대회
장려상
2022. 10. 28.대구디지털혁신진흥원
  • '특정 위치에서 일어난 사건이나 이야기를 익명으로 공유할 수 있는 위치 기반 SNS 서비스' 주제의 '우연한 발견' 프로젝트에서 BE 및 FE 백 오피스 담당
대경권 SW산학프로젝트 경진대회
우수상
2022. 02. 10.경북대학교
  • '원클릭 의료 이용 솔루션' 프로젝트의 FE 개발 및 사용자 인터페이스 구현 담당
창의 소프트웨어 경진대회
대상
2022. 01. 19.계명대학교

    Education

    계명대학교 컴퓨터공학과 학사
    졸업
    2020. 03. ~ 2024. 08.계명대학교
      멋쟁이 사자처럼 11기
      수료
      2023. 03. ~ 2023. 12.멋쟁이 사자처럼(계명대학교)
      • 6개월 동안 Git 심화를 주제로 정기 스터디를 진행하여, 전달 능력 및 발표 역량 강화
      메가존클라우드 디지털 인재 양성과정
      수료
      2023. 02. 07. ~ 2023. 03. 03.메가존클라우드 아이티 평생교육원
      • 네트워크 및 AWS 클라우드 기술을 학습했으며, 우연한 발견 프로젝트를 진행하는 과정에서 AWS ECS 기반의 MSA 구축에 활용