연락처
010-7614-7272
최종 업데이트일 2024.09.14
보유 기술
React, Next, Vue, Typescript
Storybook, Webpack, Vite
HTML/SCSS, Webflow
학력
방송통신대학교 컴퓨터과학과, 2023.3~ 재학중(4점)
조선대학교 미학과, 2010.3 ~ 2015.3 졸업(3.7점)
총 경력
4년 10개월

강점

  • Typescript, HTML, CSS 기본기가 탄탄한 웹 개발 실력
  • 프로젝트 세팅부터 퍼블리싱, 개발, 배포, 운영까지 전체 라이프사이클을 경험
  • 비지니스의 성장을 중요하게 생각하는 태도
  • 동료평가로 인정받은 원활한 커뮤니케이션과 협업 능력
  • 혼자 성장하기 보다 함께 성장하기 위한 문서정리 능력과 습관

자기소개

소개 - 개발자가 된 웹디자이너

웹디자이너로 IT 업계에 입문하여 관련 지식을 하나하나 익히다 보니 어느새 개발자가 되었습니다. 웹디자이너로 재직시절 대표님이 넌지시 던진, ‘퍼블리싱도 좀 해볼래?’라는 말에 덥석 학원을 등록하고 공부하기 시작했습니다. 코드를 입력할 때마다 눈앞에 탁탁 나타나는 결과물에 희열을 느꼈고, 기능이 동작하는 것까지 보고 싶어 개발을  공부하기 시작했습니다. 그렇게 적성을 찾아 재미있게 일한 지 벌써 5년이 되어갑니다. 지금도 당시 대표님께 감사하는 마음을 간직하고 있습니다. 그때 이후로 회사가 필요하다는 기술은 두려워하지 않고 배우고 익혀 나의 무기로 만들고 있습니다.

성격˙장단점 - 은결님은 로봇인가요?

깔끔하고 정리가 잘 된 것을 보면 마음이 편해지는 성격입니다. 그래서 회사에서 문서나 레거시 코드를 볼 때 일관성 있게 정리하려고 노력합니다. 커뮤니케이션에서도 본론이 흐려지지 않도록 간결하게 말하려고 합니다. 덕분에 저와 일하는 분들께서는 오해나 시간 낭비 없이 효율적으로 소통할 수 있어서 좋다고 합니다. 다만, 때로는 제가 너무 로봇처럼 느껴진다고 말씀하시는 분들도 계십니다. 그래서 커뮤니케이션할 때는 좀 더 부드럽고 따뜻한 표현을 사용하려고 항상 신경 쓰고 있습니다.

인생의 방향 - 몰입하는 삶

깨어있는 시간 중 절반을 차지하는 ‘일'이 곧 삶의 절반을 차지하기 때문에, 일을 즐기기로 마음먹었습니다. 몰입해서 즐기다 보면, 내가 원하던 인생의 방향으로 데려다 줄 것이라 믿습니다. 개발자로서 가고 싶은 방향은 지식을 공유하는 삶입니다. 제 직업을 너무 사랑하기 때문에 누군가 개발자가 되고 싶다 하면 돕고싶은 마음이 생깁니다. 신입 개발자 이력서 리뷰, 개발 공부 방향, 실무에서 일하는 방식 공유 등 현재 제가 도울 수 있는 방법으로 실행하고 있습니다. 실력을 쌓아 흘러 넘칠 즈음에는 책이나 강의 등을 만들어 공유할 목표를 가지고 있습니다.

경력

스팬딧 - 서비스 Spendit FE 개발 담당 (프리랜서)
24.1 ~ 24.9 (9개월)
스팬딧은 기업의 지출 및 비용처리를 투명하고 편리하게 관리할 수 있는 SaaS를 제공합니다.
(업력 9년, 연매출 15.2억원, 시리즈A, 사원수 20명)
담당업무
  • React, Typescript, Tanstack Query, Redux를 이용해  웹 플랫폼 유지보수와 신규 기능 개발
  • Mantine, Styled Component를 이용해 UI 리뉴얼
  • 웹플로우를 이용해 홈페이지 리뉴얼
  • 리치텍스트 에디터를 포함하는 전자 결재 기능을 개발
주요성과
  • 기존 대비 홈페이지 이탈률 -8.4% 감소, 평균 세션 1분 14초 증가에 기여
  • 타사 대비 편리하고 스마트한 서비스라는 고객 피드백 획득
  • 전자 결재 기능을 기다리던 고객사와 계약 성사와 매출 증대에 기여
두꺼비세상 - 서비스 아파트너 FE개발 담당 (프리랜서)
23.9 ~ 24.1 (5개월)
아파트너는 두꺼비세상에서 제공하는 국내 200만 세대가 사용하고 있는 아파트 통합관리 솔루션입니다.
(업력 7년, 연매출 33.4억원, M&A, 사원수 76명, 아파트 앱 점유율 1위)
담당업무
  • 기존 레거시 아파트 통합관리 솔루션을 리뉴얼
  • Next(React)와 Typescript를 사용하여 안정성 있는 개발
  • MUI와 SCSS를 활용하여 퍼블리싱하고, 재사용 가능한 컴포넌트 제작
  • Redux와 React saga를 활용하여 상태관리와 비동기 처리
주요성과
  • 프론트와 백엔드를 분리하여 유지보수성 증대에 기여
두꺼비세상 - 서비스 피터팬의 좋은방 구하기 FE개발 담당 (정규직)
22.2 ~ 23.9 (1년8개월)
두꺼비세상은 MAU120만명이 이용하는 부동산거래 플랫폼 피터팬의 좋은방구하기 서비스를 제공합니다.
(업력 12년, 연매출 54.7억원, 시리즈C, 사원수 131명, 직거래 플랫폼 점유율 1위)
담당업무
  • Vue, Jquery를 이용하여 /모바일웹 플랫폼 유지보수와 신규 기능 개발(매물리스트, 매물상세, 필터기능 등)
  • 네이버지도 API를 활용하여 클러스터링 기능 개발
  • React와 Typescript를 이용하여 플랫폼 리뉴얼을 위한 UI 컴포넌트 제작 및 퍼블리싱
  • Vue를 이용하여 마케팅에 필요한 랜딩페이지 구축
주요성과
  • 중개업체 클러스터링을 추가하여 광고상품 고도화에 기여
  • 기존 랜딩페이지를 반응형으로 리뉴얼하여 영업팀/마케팅팀에서 겪던 접근성 문제 해결
에이치로보틱스 -글로벌 원격진료 서비스 Rebless FE 개발 담당 (정규직)
19.12 ~ 22.2 (2년2개월)
에이치로보틱스는 미국시장을 타깃으로 재활로봇과 원격진료 서비스를 제공하는 회사입니다.
(업력 7년, 연매출 11억원, 시리즈B, 사원수 14명)
담당업무
  • Vue를 이용하여 원격진료 서비스를 개발(진료예약,처방기능,결제 등)
  • AWS chime SDK를 활용해 라이브 화상통화 기능 개발
  • Firebase와 ServiceWorker를 활용해 웹 브라우저 알림기능 개발
  • React를 이용하여 마케팅에 필요한 랜딩페이지 구축
주요성과
  • MVP를 빠르게 개발하여 마켓핏을 찾는데 기여

개발 이야기

회사의 고민: 화상통화 기능을 빠르게 구현에 고객의 반응을 보고싶은데 가능할까요?

회사는 마켓핏을 찾기 위해 여러 비지니스 모델을 시도하는 중이었고, 코로나가 시작되며 서비스의 방향을 화상 진료가 가능한 재활 의료기기로 시도해 보고자 하였습니다. AWS에서 크레딧을 지원받고 있던 찰나여서, AWS chime SDK를 이용해 기능을 구현하기로 하였습니다. 워낙 초기 스타트업이라 기획, 디자인도 없이 개발을 시작하였습니다. 레퍼런스를 찾아가며 마이크와 카메라 켜기/끄기 기능, 카메라 전환 기능, 전화 걸기, 끊기 기능, 의료노트 기능 등 플로우를 직접 기획하고 디자인해 완성하였습니다. 개발팀이 하나되어 일한 덕분에 영업팀에서는 ‘화상 통화 가능'이라는 문구를 내세워 고객 홍보를 할 수 있었습니다. 신입 개발자이면서, 혼자 프론트엔드 개발자로 일할 때여서 구글링하며 밤새 만든 기능이 회사에 도움돼 매우 뿌듯했던 기억으로 남아있습니다.

회사의 고민: 브라우저가 닫혀있을 때도 사용자에게 알림을 보낼 수는 없을까요?

화상 통화 기능을 구현하기는 했지만, 실제 사용할 때 불편함이 있었습니다. 예약된 시간에 환자가 화상 진료실에 입장하면, 의사에게 알림이 가야 하는데 의사의 브라우저가 꺼져있으면 환자의 입장을 알려줄 방법이 없었습니다. 이때 브라우저가 꺼져있을 때도 동작하는 serviceworker를 이용해 firebase 알림을 받아 브라우저에서 알림을 보내도록 기능을 구현하였습니다. 의사가 알림을 바로 확인하지 못하거나 실수로 끄더라도 지난 알림 리스트를 볼 수 있도록 serviceworker에서 접근할 수 있는 indexedDB에 적재하여 알림 목록 기능을 구현하여 서비스 완성도를 높였습니다. 주어진 문제를 스스로 찾아내 기술적으로 해결했다는 것에 기뻐 개발의 매력에 더 빠지는 계기가 되었습니다.

회사의 고민: 리치 텍스트 에디터 작성 전후를 사용자에게 쉽게 보여줄 수 없을까요?

전자 결재 기능 중 리치 텍스트 에디터는 누가, 무엇을, 어떻게 변경했는지가 중요한 정보였습니다. 단순히 텍스트의 전후 변경사항을 비교하는 것은 쉽지만, HTML태그로 감싸진 텍스트와 이미지, 테이블의 전후 변경사항을 비교하는 것은 쉽지 않았습니다. 믿었던 NPM에서도 완벽하게 비교 결과를 리턴해주는 라이브러리를 찾을 수 없었고, 제한된 기간 안에 로직을 직접 구현하기도 어려운 상황이었습니다. 우선 가장 근접한 결과를 리턴해주는 라이브러리를 찾아냈고, 기획 요구사항에 맞게 코드를 고쳐 삭제된 내용은 삭제선과 붉은색 배경을, 추가된 내용은 초록색 배경을 넣어 전자 결재 기능의 완성도를 높였습니다. 문제 해결을 위해서는 라이브러리에 의존할 것만이 아니라, 라이브러리를 부수고 재조립해 만들수도 있다는 것을 경험하고 자신감을 얻게 되었습니다.

기타활동

사내 스터디 활동
필요한 기술을 동료들과 스터디하여 회사 프로젝트에 도입하였습니다.
스터디 주제
  • Typescript 도입하기
  • SCSS 도입하기
  • 핵사고날 아키텍처 구조 이해하기
사이드 프로젝트
회사에서 채울 수 없는 기술적 욕심과 호기심은 사이드 프로젝트를 이용해 채우고있습니다.
주요 프로젝트
  • 웹플로우로 만든 국내 프론트엔드 개발자 포트폴리오 사이트 모음 (둘러보기)
  • 스프레드시트를 DB로하여 회사의 현황을 보여주는 대시보드 (둘러보기)
기술 블로그
학습한 내용을 기술 블로그에 정리해 공유하고 있습니다.
주요 내용
  • 웹브라우저 렌더링 원리
  • 프론트엔드 기술로 서비스 최적화하기
  • 리액트 제대로 알고 쓰기
  • 왜 프론트엔드 실무에서 테스트코드를 짜기 어려울까?

함께 일한 후기

Spendit PM
2024.09 from LinkedIn
개발 업무 능력 뿐만 아니라 책임감과 성실성, 인내심, 그리고 항상 의견과 피드백에 수용적인 태도를 갖춘 최고의 프론트 개발자십니다.
Spendit UI/UX Desinger
2023.09 from LinkedIn
그녀와 함께 일할 수 있다는 건 행운입니다💖
Geosoft Frontend Engineer
2023.09 from wishket
지오소프트 레드캡 모빌리티 관제서비스 프로젝트에서 퍼블리셔로 업무 맡아 주셨습니다. 퍼블리셔로 능력이 있으신 분이며, 전문성도 경력 대비 매우 탁월합니다. 소통도 원활하여 협업이나 커뮤니케이션에 문제가 없었습니다. 지각이나 결근이 한 번도 없었을 정도로 근태도 훌륭하십니다. 다른 분들에게도 추천드립니다.
피터팬의 좋은방구하기 Data Engineer
2023.06 from Rocketpunch
항상 꼼꼼하며 협업하는 사람과 의사소통을 자주 하려고 노력합니다.결과물에 대해서도 피드백과 개선과정을 적극적으로 제시하며, 서비스 개선을 위하여 노력하는 인원입니다.