개발자 이용현
타인에게 영감이 되고,
자신에 대해 겸손하며,
항상 다른사람을 배려하며,
소통을 잘하는 개발자가 되자.
Career
(주)힐링페이퍼
2020.12 ~ 현재
강남 언니앱 내 한국/일본 이벤트 신청 웹뷰 개발
이벤트 신청 신규 기능 도입, 한국 일본 내 병원 중 예약병원 수 확보 및 지속적인 병원 유치를 위한 신규 및 보수 개발
- 이벤트 상담과 예약 신청 페이지 개발
- 앱과 웹의 의존성을 제거하고, 앱/웹 개발자간의 종속 최소화를 지향한 구조로 구현
- 한국/일본 다국어 서비스 구축
- Datadog을 이용하여 디버깅 할 수 있는 환경 구축
-
Amplitude를 이용한 유저 행동 분석 및 예약 여정의 퍼널 개선
- 상담신청 이후 예약 전환을 가져가는 테스트에서 고객이 실수로 이탈하는 문제가 발생하는 것을 발견하여 이 문제를 해결하고 약 10%의 이탈률 감소 효과를 봄
-
A/B 테스트를 통해 가설에 대한 지속적인 검증
- 예약 가능 일정을 3개 제출할때보다 1개 제출할 때 예약까지의 여정을 완료하는 수치가 10% 상승하는 효과를 봄
강남 언니 병원 관리자 어드민 프로젝트 셋업, 신규 기능 도입 및 유지보수
어드민 페이지를 React로 개편 및 어드민 프로젝트에 맞도록 도메인 설계
-
신규 도메인을 React로 개발하기 위하여 초기 셋업 진행
- 신규 프로젝트의 인프라 및 도메인 분기 구조 셋업
- 프런트엔드 서비스 모델 정의 및 구현
- 안정화된 코드품질을 위하여 테스트 코드 작성
- UI component, Front Service Model, API Model
- 한국/일본 예약(확정예약/대기예약 방식) 신규 기능 도입
- Datadog을 이용하여 디버깅 할 수 있는 환경 구축
- 다국어 서비스 구축
- Vue로 구성된 기존 페이지 유지보수
강남언니 디자인시스템 참여 및 개발
고객 Product, 병원 Product에 사용되는 디자인 시스템 구축에 적극적인 드라이브 및 높은 기여
-
강남언니 앱(ios / android)과 웹에서 공통으로 사용되는 Cell 디자인 시스템 스펙 정의 및 구현
- 디자인 스펙은 디자이너와 프런트엔드 개발자가 협업하여 스펙 정의
-
강남언니 어드민에서 사용되는 Welchis 디자인 시스템 스펙 정의 및 구현
-
디자인 시스템 컴포넌트에 대한 테스트
- 커버리지 100%
- 컴포넌트 유닛 테스트 (Jest, testing-library)
- 디자이너들의 컴포넌트 QA를 위해 Storybook chromatic으로 피드백 채널 구축
- 구축된 디자인 시스템(Cell, Welchis)은 npm private registry에 운영
병원 웹 사이트 신규 구축
병원 운영에 필요한 프로덕트 개발. 매달 약 10,000명 이상의 유저가 홈페이지로 유입되고, 그 중 약 10%가 예약을 완료함.
-
Fill 디자인 시스템 구축
- 초진 설문지와 평가시스템에 사용되는 공통 컴포넌트를 개발
- 홈페이지와 어드민 페이지에서 사용되는 공통 컴포넌트 개발
-
초진 설문지 구축
- 병원에서 초진 설문지 작성하는 과정을 모바일 웹 페이지로 개발하여 고객 경험 향상
-
평가 시스템 구축
- 병원 방문 고객에게 피드백을 받기 위한 병원 평가 모바일 웹 페이지 구축
-
병원 홈페이지 구축 (mobile) - https://gu.clinic
프런트엔드 챕터 리드
챕터 구성원의 성장, 챕터내의 프로젝트가 성과로 반영 될 수 있는 계획 수립
-
프런트엔드 챕터의 2022 목표를 중장기적으로 수립 및 수행
- 신규 프로덕트에 대해서 NuxtJS -> NextJS 전환 목표
-
프런트엔드 배포 프로세스 개선
- PR pre-build, pre-test, convention check, tag version 관리
- 디자인 시스템 보완 및 재구축
-
공통 모듈 선 제작 및 공유
- A/B Testing Component
- 개발 환경에 필요한 파일 그룹을 자동으로 생성해주는 스크립트
- 신규 프로젝트 초기 구조 설계
- 캘린더와 같이 자주 쓰이는 컴포넌트를 UI가 없는 Headless component로 구현하여 기능을 재사용 할 수 있도록 제공
(주)에어프레미아
2020.01 ~ 2020.11
웹/모바일 에어프레미아 항공권 예매 페이지 신규 구축 개발
웹/모바일 신규 프로젝트 개발
-
웹 데스크탑 프로젝트
- 프로젝트 초기 구축
- NextJS, 컨벤션(Lint, 디렉토리 구조, Core 모듈)
- 페이지 개발 및 기능 구현
- 인증화면, 티켓팅화면, 공지사항 등
-
웹 모바일 프로젝트
- 프로젝트 초기 구축
- React, Webpack, 컨벤션(Lint, 디렉토리 구조, Core 모듈)
- CapacitorJS 도입을 통해 웹앱 개발
-
에어프레미아 디자인 시스템 구축
- Atomic 구조를 기반으로 한 컴포넌트 단위 설계
- 모든 컴포넌트가 Storybook UI Testing이 될 수 있도록 구성
- MVVM 패턴을 이용한 프로젝트 구성
-
다국어 서비스 구축
마케팅 페이지 유지보수
- Nextjs로 구성된 마케팅 페이지 유지보수
(주)팍스닥
2018.04 ~ 2020.12
현물 / 선물 비트코인 다국어 거래소 셋업 및 유지보수
웹/모바일 신규 프로젝트 개발 및 유지보수 및 팀 리딩 (Nexybit/MAP)
현물, 선물, 채굴형거래소 개발 / 코인 세일 (IEO) 페이지 개발 - Nexybit
-
실시간 데이터를 위한 Websocket 구축
- Ticker / Depth / Confirm / Filled
-
비지니스 로직과 UI 로직을 구분
- 비지니스 로직과 UI 로직을 구분 짓기 위하여 React - Redux를 사용하여 비지니스 로직에 맞게 분리
- Webview (Cordova)를 통한 모바일 개발 및 유지보수
- 웹과 모바일 프로젝트에서 공통으로 사용하는 데이터를 위해 Git Submodule 도입
- 디렉토리 구조를 비지니스 로직에 맞도록 재설계 (Container Presenter Pattern 적용)
- 다국어 기능 개발 (한국어, 영어, 일본어, 중국어)
- 팀 Leader 업무 수행
- 신규 프로젝트로서 번들링 작업부터 원활한 협업을 위한 Lint, git hook등을 구축
- 데스크탑 및 모바일 환경 구축
-
페이지 개발 및 기능 구현
- Auth 기능 개발
- M&A 프로젝트 기능 개발
- 다국어 기능 개발 (한국어, 영어, 일본어, 중국어)
- MVVM 패턴을 이용한 프로젝트 구성
(주)파이오링크
2014.11 ~ 2017.11
L7 웹방화벽 네트워크 구축 및 유지보수 지원 엔지니어
웹방화벽 엔지니어 업무 수행
- L2, L4, L7 기본 지식 학습 및 자사 장비를 통한 이해
- 웹방화벽 장비 설치 및 장애시 장비 Trouble shooting
- 자사 사내망 구축 및 유지보수
- Lagacy 환경 구축 미팅 참여, 망 구성 협의, 운영자 교육 및 설치 사 유지보수 업무 수행
- 웹방화벽 엔지니어로서 장비 웹 보안 설정, OWASP10에 의거한 장비 보안규칙 설정 수행
- 웹방화벽 보안 로그 분석
Project
Havit
2018.02 ~ 2018.03
병원-고객간 피부과 중개 플랫폼 구축
웹 신규 프로젝트 개발
고객 제품 구매 페이지 및 어드민 페이지 개발
Additional Learning
코드스테이츠
2018.10.10 ~ 2019.03.16 (6개월)
학습내용
- Hack Reactor 기반 교육 과정 수료 (Pre course / Immersive course)
- 자료구조 (Stack, Queue, LinkedList, Tree 등) 학습
- 자료구조로 배운 이론 뿐만 아니라 기본적인 알고리즘 학습
- Javascript에 대한 기초 및 ES 문법에 대한 이해
- React와 같은 Frontend 프레임 워크에 대한 이해
- Backend 시스템에 대한 이해 (Restful, SQL, NoSQL, Data Fetching 등)
- 8주 간의 팀 프로젝트 진행 (havit project)
Tech Stack
- HTML
- CSS, SCSS, CSS in JS (Styled-component)
- Typescript(Javascript)
- React, Redux, Redux-thunk, Redux-saga, NextJS
- React-query
- Recoil
- Storybook
- Webpack
- GIT, GIT Submodule, GIT Flow
- Atomic Architecture
- Jest, testing-library/react, MSW
- AzureDevOps, Figma, Zeplin, Bitbucket, Jira, Slack …
Education
Certification