집요한 덕력을 개발에,
비즈니스에 집중하는 개발자.

profile image 

  const GONASOOC = { 
    name: "최관수",
    github: "https://github.com/gonasooc",
    blog: "https://velog.io/@gonasooc",
    email: "doupler@gmail.com",
    phone: "01025489908",
  }

단순한 개발을 넘어
비즈니스 가치를 이해하는 프론트엔드 개발자 최관수입니다.

  • 음반 업계에서 쌓은 경험은, 훌륭한 컨텐츠와 대중 사이의 간극을 줄이는 개발의 가치를 깨닫는 계기가 되었습니다. 가장 보편적인 서비스로 가장 보통의 사람들이 가장 멋진 컨텐츠를 즐길 수 있게끔 기여하는 개발자를 지향하고 있습니다.

  • 소프트 스킬과 비즈니스 모델에 대한 세심한 시각을 갖고 있습니다. 개발 업무를 넘어 기획의 비즈니스 가치를 판단해 의견을 제시해왔고, 이 과정에서 기획자와 디자이너 사이의 이견을 조율하고 타협안을 만들어왔습니다. 비개발 직군에서부터 기획 경험으로 사용자 관점에서의 시선을 꾸준히 가져왔고, 다양한 회의와 거래처와의 협의, 고객과의 소통 경험을 통해 다른 이의 의견을 경청하고 타협안을 제시하는 데 익숙합니다.

  • 업무 효율을 중시합니다. 퍼블리싱 팀을 리딩하게 되었을 때 재사용성과 유지보수 측면에서 마크업 컨벤션과 클래스 기반의 공통 컴포넌트 작업을 진행하고, 디자인시스템을 구축하기 위해 회의를 주관하여 디자인팀과 협업을 주도하였습니다. 또한 OJT(On-the-Job Training)에 활용할 만한 문서가 없었기에 OJT(On-the-Job Training) 문서작성을 통해 소통 비용을 최소화한 경험이 있습니다.

  • 챌린지에 익숙합니다. 변화와 트렌드에 민감한 프론트엔드 생태계에서 지속적인 학습을 통해 성취감을 느끼고 있습니다. 그 기록을 TIL(Today I Learned) 저장소에 기록하고, 그 중 정제된 정보를 기술 블로그를 통해 공유하거나 기술 발표를 통해 지식을 교류하고자 노력하고 있습니다.

Work Experience.

블렌딩

웹 프론트엔드

2023.11.06 ~ 재직중

주요 프로젝트

주요 업무

  • 악보 편집 에디터 구축 - VexFlow를 활용한 악보 렌더링 구현, Tone.js 기반의 악보 재생 및 편집 기능 개발, 편집 과정에서 발생하는 다양한 상태(음표 선택, 이동, 삭제 등)를 xstate를 통해 안정적 관리 구축

  • HLS 기반 라이브 스트리밍 시스템 구축 - 적응형 비트레이터 스트리밍 구축으로 안정적인 영상 송출 환경 구성

  • 다국어 서비스의 국제화 기능 구현 - 신규 시장 진출을 위한 기술적 기반 마련, 확장 가능한 구조 설계 및 각 국 가별 결제 지원

  • 외부 코드 마이그레이션 - 외부 Next.js(SSR) + TypeScript 기반의 웹 애플리케이션을 기존 CRA(React, C SR) + JavaScript 환경으로의 이관, LLM을 통한 코드베이스 파악, npm 패키지 버전 충돌 및 TypeScript 환 경 설정 대응, SSR에서 CSR로 전환 시 발생하는 초기 렌더링 이슈 외 기술적 이슈 대응, CRACO를 활용한 ali as 설정 및 polyfill 패키지 세팅

  • 웹 성능 지표(Core Web Vitals) 개선 - 기존 4.3초에서 2.1초로 LCP 지표 50% 이상 단축, 그 외 관련 지표 최 적화

  • 카페24 솔루션 개발 환경 및 웹뷰 SSO 로그인 구축 - 카페24 솔루션 개발 환경 구축, 자사 앱을 통한 웹뷰 SS O 로그인 구축

  • git flow 브랜치 전략 적용 및 셸 스크립트를 통한 배포 자동화 - 배포 시간 단축 및 휴먼 에러를 감소로 운영 안 정성 확보

  • 기존 Django 기반 웹사이트 유지보수 - 신규 페이지 작업 외 각 컴포넌트별 이미지 최적화

  • 자사 딥링크 서비스 개발 및 유지보수 - 고비용의 외부 딥링크 솔루션을 내부 개발로 대체하여 연간 운영비용 절 감에 기여, 서비스 요구사항 분석 및 안정적인 딥링크 시스템 구축 및 운영

  • Sentry 도입 및 모니터링 시스템 구축 - 서비스 초기 단계에는 포괄적 수집, 이후 각 서비스에 맞는 필터 적용 으로 별도 수집으로 서비스 안정성 확보

Tech Stack

  • React Next.js JavaScript TypeScript Django xstate Jotai Recoil Zod VexFlow Tone.js Video.js HLS.js Mantine SCSS Styled Components CSS Modules

포켓컴퍼니

웹 퍼블리셔

2021.03.29 ~ 2023.03.28

주요 프로젝트

  • 티오더 웹사이트, 타밍앱, 걱정마디자인 웹사이트 서비스 개발 및 유지보수

  • 자사서비스(홈페이지, CRM, 포켓앱, 견적서 & 어시스턴트 등) 개발 및 유지보수

  • PDS(Pocket Design System) 구축을 위한 스타일 가이드 제작

  • 그 외 15개 이상의 프로젝트 참여

주요 업무

  • 프로젝트 내 퍼블리싱 업무 분장 및 일정 관리

  • 마크업 컨벤션 구축 - 마크업 컨벤션 구축을 통해 웹 표준과 웹 접근성 준수 및 협업 생산성 향상

  • UI/UX 표준화 - PDS(Pocket Design System) 구축을 위한 스타일 가이드 제작, 생산성 향상 및 소통 비용 최소화

  • SEO 최적화 - 웹 표준 및 웹 접근성 보완으로 사용자 접근성 강화 및 SEO 개선

  • Tailwind 기반의 작업 환경 구축 - 통일성 있는 작업 환경 구축으로 생산성 향상 및 소통 비용 최소화

Tech Stack

  • Vue SCSS JavaScript jQuery tailwindcss Bootstrap GSAP

한국교육방송공사

프리랜서

2018.01 ~ 2019.12

EBS 수능 영어 강의 자막 제작 및 검수

타이드스퀘어

쇼핑사업팀 사원

2016.04 ~ 2018.05

현대카드 바이닐앤플라스틱 구축 및 운영 대행: 음반 발주, DB 구축, 진열 등 스토어 운영 기획

한국과학창의재단

창의융합기획실 사원

2015.11 ~ 2016.04

기술팀과의 협의를 통한 웹사이트 운영

풍월당

세일즈팀 & 아카데미팀 사원

2012.03 ~ 2014.05

음반매장 관리: 음반 안내와 프로모션, 발주 및 재고 관리

Project.

부모와 자녀의 시간을 잇다, TimeBridge

2025.07 ~ 진행중

Description

  • 부모와 자녀의 시간을 잇고자 하는 프로젝트로, 앱이 던지는 질문에 부모와 자녀가 각자 답변하며 서로의 삶을 발견하 고 이해하는 비동기 커뮤니케이션 서비스입니다. 현재는 홀딩 상태이나 MVP 개발은 완료되어 9월 런칭을 목표로 재개할 예정입니다.

What I did

Tech Stack

  • Flutter Dart Supabase

거절멘트 생성 서비스, SAYNO!

2024.07.19 ~ 2024.07.28

Description

  • 네이버 CLOVA X를 활용해 거절 멘트를 생성해주는 서비스로, 긴 프롬프트의 작성 대신 상황과 관계 등을 선택하여 손쉽게 생성하는 서비스입니다. 포텐데이를 통한 10일간의 사이드 프로젝트로 27팀 중 2등을 수상했고, 런칭 후 실제로 1000건에 가까운 요청이 있었기에 사용자의 니즈를 파악한 서비스라는 점에서 팀 단위의 성과가 있었습니다.

What I did

  • 단계별 상태 관리 - 사용자 선택에 따라 단계별로 UI가 변화하는 상태 관리 로직 구현

  • AI API 연동 및 문제 해결 - 토큰 비용을 고려한 효율적인 API 호출 방식 설계 등 비즈니스 관점에서의 기술 구현

Tech Stack

  • React TypeScript SCSS CSS Modules

스펙훈련장(LMS Project)

2023.07.17 ~ 2023.08.11

project thumbnail image

Description

  • 양방향 소통을 주요 목적으로 하는 LMS(Learning Management System)로, 수강생과 멘토 간의 상호작용을 원활하게 지원하는 서비스입니다. 과제 생성과 제출, 피드백 제공, 강의 생성, 학습 진행 상태 기록, 그리고 멘토와 수강생들 간의 커뮤니티 시스템 등 다양한 기능을 제공합니다.

What I did

  • 폴더 구조 및 컴포넌트 계층 구조 디자인, 전체적인 레이아웃 구조 설계

  • 첨부 파일 드래그 앤 드롭(Drag and Drop) 및 링크(URL)를 통한 과제 제출, 과제 삭제 기능 구현

  • Intl API를 활용해서 Firebase의 timestamp와 별도의 separator를 인자로 전달하는 포매팅 유틸 함수 생성

  • Firebase 기반의 DB 설계

  • 프로젝트 업무 분장 및 일정 관리

Tech Stack

  • Next.js TypeScript tailwindcss Firebase Husky

mudium

2023.07.05 ~ 2023.07.11

project thumbnail image

Description

  • 마인드맵, 다이어그램 등 기획자의 마인드로 처음부터 기획한 프로젝트입니다. 뮤지션과 팬덤의 참여형 음악 커뮤니티로 단순 커뮤니티가 아닌 팬덤 기반의 비즈니스 모델 또한 존재합니다. 회원가입 및 로그인, 간단한 CRUD의 게시판 개발 도중 팀 프로젝트를 시작하게 되어 현재는 홀딩 되어 있으나, 추가 아이디어를 통해 프로젝트를 발전시킬 계획이 있습니다.

What I did

  • 전체 서비스 기획 및 디자인, 개발

  • Firebase를 통한 회원가입 및 로그인, 게시판 기능 구현

  • GitHub Actions로 gh-pages 배포 자동화

Tech Stack

  • React Redux Material-UI Firebase

Education.

한국방송통신대학교

2024.03 ~ 재학중

  • CS 학습에 대한 필요성을 느껴 작년 봄에 편입했고, 올해 졸업 예정입니다.

웅진씽크빅 x 유데미

2023.06 ~ 2023.08

  • 코딩테스트를 통과한 후 10주 동안의 부트캠프에서 React 교육을 이수하여 역량을 향상시키고, 팀장으로서 일정 관리와 리더십 경험을 쌓았습니다. 또한, 청년 일경험 지원사업에 참여하여 Next.js, TypeScript를 기반의 팀 프로젝트를 성공적으로 마무리하고 우수 수료자로 선정되었습니다.

대우직업능력개발원

2020.09 ~ 2021.03

  • 국민내일배움카드를 통해 스마트플랫폼기반 프론트엔드개발자 양성 과정을 최우수 성적으로 수료하였습니다. 이 과정을 통해 HTML, CSS, JavaScript, jQuery 등 웹 개발 기초를 학습하였습니다.

더조은컴퓨터아카데미

2018.10 ~ 2019.03

  • 머신러닝 및 딥러닝에 관심을 갖게 되어 국민내일배움카드를 통해 빅데이터 분석 전문가 과정을 수료하였으나, 해당 분야의 어려움을 인지하고 추후 웹 개발로 방향을 바꾸게 되었습니다. 하지만 Python과 Java를 접하고 객체지향 프로그래밍에 대해 학습할 수 있는 기회였습니다.

학점은행제 전문학사

2008.01 ~ 2009.08 (졸업)

  • 멀티미디어학

인덕대학

2004.03 ~ 2008.01 (중퇴)

  • 컴퓨터소프트웨어과

Other Experience.

Certificate.

  • GTQ포토샵 1급 (2021.01) - 한국생산성본부(KPC)

  • 컴퓨터활용능력 2급 (2009.03) - 대한상공회의소

  • 사무자동화산업기사 (2008.12) - 한국산업인력공단

  • 유통관리사 2급 (2008.09) - 대한상공회의소