🙋🏻‍♂️ About Me

하나의 서비스를 만드는데 관심이 많고 선호합니다. 😍
그래서 하나의 기술을 깊이 있게 파고드는 것 보다는 고루고루 보는 편이고, 직접 만들기 보다는 훌륭한 라이브러리를 찾아 잘 사용하는 편입니다.
(프론트엔드 개발자라고 불리기 보다는 개발 크리에이터 라고 불려지고 싶네요.)

하지만 필요한 기능이 부족하거나 없는 경우 해결하기 위해 끈기 있게 달라 붙습니다.
주로 사용하는 쪽이지만 속도와 디자인 그리고 디테일에 매우 민감하여 까다로운 편입니다. 🧐

최근 데이터 및 자동화, AI에 관심이 많아 관련한 프로젝트를 진행 하고 있습니다. 🏃🏻‍♂️

💼 Work Experience

• 로아인텔리전스, 풀스택 개발자 및 데이터 엔지니어 21.04 ~ 22.12

  AI 기업 정보 및 투자 서비스
  서비스 및 관리자 페이지 개발
  데이터 사이언티스트와 협업을 통해 데이터 파이프라인 및 자동화 구축

• 트레블러스, 웹 프론트엔드 개발자 19.08 ~ 20.04

  여행 동행 (서비스종료)
  트레블리 PC & Mobile 웹 서비스 개발

• 번개장터, 웹 프론트엔드 개발자 18.03 ~ 19.05

  중고 거래
  번개장터 PC & Mobile 웹 서비스 개발, 신한카드 전용 중고거래 모바일웹 개발, 광고주를 위한 광고센터 페이지 일부 리뉴얼

• 바풀, 풀스택 개발자 16.02 ~ 17.09

  수학 교육 (서비스종료)
  바풀에서 제공하는 모든 웹 페이지 개발 및 유지보수 담당
  바로풀기, 강의실 서비스 개발 / 모든 서비스에 대한 관리자 페이지 개발 및 관리 / 이벤트 및 프로모션 페이지 제작 / 결제 서비스에 대한 웹 페이지 개발

• 칸테크, 백엔드 개발자 13.01 ~ 15.05

  성과 평가
  대학교 평가시스템 개발 및 유지보수. BI, ERP, 빅데이터 등을 이용하여 학교 및 기업 솔루션 개발

🚗 Projects

• 로아인텔리전스

  • 로아인텔리전스 기업 정보 서비스

    프로젝트 수행 역할

    PC 및 Mobile 웹 서비스, 관리자 페이지 개발
    프론트엔드 프로젝트 코드 베이스 및 AWS 설계
    Airflow를 활용한 데이터 파이프라인 설계, Scrapy와 Selenium을 활용한 데이터 크롤링 자동화
    Elasticsearch를 활용한 검색 서비스 설계 및 개발

    주사용기술

    Nextjs, Redux, Typescript, Style-Components, Storybook,
    Google Maps API, Mongodb, FastAPI,
    Airflow, Scrapy, Selenium, ElasticSearch,
    AWS Route53, Cloudfront, S3, Lambda, Lambda@Edge, ECS, Fargate

• 트레블러스

  • 트레블리

    설명

    여행 동행 서비스

    프로젝트 수행 역할

    PC, Mobile 웹 서비스 개발
    프론트엔드 프로젝트 코드 베이스 및 AWS 설계

    주사용기술

    React, Redux, Typescript, Style-Components, Storybook,
    Google Maps API, PWA, Sentry, Sendbird, FullStroy, ChannelTalk,
    AWS Route53, Cloudfront, S3, Lambda, Lambda@Edge for SEO, Rekognition

    주요기능

    계정관리, 여권 인식, 동행 방, 그룹 및 개인 채팅, 지역 가이드, 만남의 장소 안내

• 번개장터

  • 번개장터 PC

    프로젝트 수행 역할

    python, django, jQuery로 운영되던 기존 웹을 SPA방식으로 신규 개발 및 디자인 리뉴얼
    모바일 웹 개편 이후 React 기반으로 변경

    주사용기술

    Vuejs, Scss, Storybook, Python, Django

  • 번개장터 Mobile

    프로젝트 수행 역할

    기존에 없었던 모바일 버전을 처음부터 새롭게 개발 및 유지보수
    프론트엔드 프로젝트 코드 베이스 설계

    주사용기술

    React, Redux, Typescript, Style-Components, Storybook,
    Nextjs, Nodejs, Express

  • 번개장터 광고센터

    프로젝트 수행 역할

    주요 페이지 React기반으로 변경 및 리디자인

    주사용기술

    React, Redux, Typescript, Style-Components, Storybook, D3,
    

• 바풀

  • 강의실

    

    설명

    중, 고등학교 수학전문 문제학습 및 인강 서비스

    프로젝트 수행 역할

    수학문제, 개념동영상을 학년별 영역별을 연계시켜 수학을 체계적으로 공부할수 있는 웹사이트 개발

    강의동영상시청,문제풀이,진도평가,학습현황 페이지 데스크탑 및 모바일용으로 각각 개발

    자체 회원 로그인/회원가입 및 소셜 로그인 서비스 구현

    강의실 지도, 각 학습 데이터를 활용한 현황 차트 개발 (D3.js)

    자체 웹 서버에서 Math 데이터를 SVG 데이터로 변환 작업

    주사용기술

    HTML, CSS, Sass, D3, Angular2, Typescript, Nodejs, Webpack, AngularCli, PWA, Mobile, Desktop, Azure

  • 강의실 결제

    

    설명

    강의실만을 전용으로 한 웹결제 시스템

    프로젝트 수행 역할

    강의실 전용 결제 페이지 개발

    주사용기술

    HTML, CSS, Sass, Angular2, Typescript, Nodejs, Webpack, AngularCli, Mobile, Azure

  • 바풀공부방 소개

    

    설명

    1:1 학생과 선생님을 매칭시켜 스마트 과외를 제공하는 바풀공부방을 소개하는 페이지

    프로젝트 수행 역할

    홍보용 렌딩 페이지, 공부방 서비스에 대한 고객센터 페이지 개발

    주사용기술

    HTML, CSS, Javascript, Angular1, Python, Django, RWD, Azure

  • 바풀공부방 동영상 홍보

    

    설명

    유료서비스인 바풀공부방의 일부 기능을 간접적으로 체험할 수 있는 페이지

    프로젝트 수행 역할

    유료앱인 바풀공부방을 간접적으로 체험할 수 있도록 몇몇 선생님들의 답변과 동영상을 웹으로 제공할 수 있도록 개발

    주사용기술

    HTML, CSS, SVG, Javascript, Angular1, Python, Django, Firebase, Mobile, Azure

  • 바풀공부방 관리자

    

    설명

    바풀공부방의 모든것을 관리하는 페이지

    프로젝트 수행 역할

    바풀공부방 관리자 페이지 개발 (바풀 스타터 키트 사용)

    회원 및 선생님 관리, 선생님 심사, 수업 관리, 결제 관리, 프로모션 및 이벤트 관리, 앱 팝업 및 배너 관리 등 효과적으로 바풀공부방을 관리할 수 있는 페이지

    주사용기술

    HTML, CSS, Sass, Javascript, Angular1, Nodejs, Gulp, Babel, RWD, Azure

  • 바로단어장 관리자

    설명

    사진을 찍어 영어단어장으로 만들어주는 바로단어장의 관리자 페이지

    프로젝트 수행 역할

    (바풀 스타터 키트를 사용)하여 개발: 사진을 인식해 단어장으로 만들어주는 서비스로 관리자 기능은 팝업 및 배너 관리만 사용

    주사용기술

    HTML, CSS, Sass, Javascript, Angular1, Nodejs, Gulp, Babel, RWD, Azure

  • 바풀 프로모션

    

    설명

    프로모션 및 이벤트 페이지를 별도 도메인으로 따로 운영하여 관리하기 위한 목적으로 사용

    프로젝트 수행 역할

    바풀에서 제공하는 모든 서비스에 대한 프로모션 페이지 개발

    주사용기술

    HTML, CSS, ES6, Vuejs, Webpack, Nodejs, Pug, Mobile, Azure

  • 바로풀기 관리자

    

    설명

    바로풀기 서비스의 모든것을 관리하는 페이지

    프로젝트 수행 역할

    바로풀기 관리용 페이지 개발: 각종 신고, 베스트글, 회원, 선생님, 질문 및 그룹, 정적 이미지 생성, 푸쉬 등을 관리

    주사용기술

    HTML, CSS, Less, Coffeescript, Angular1, Python, Django, RWD, Nginx, Azure

  • 바로풀기

    

    설명

    사진을 기반으로 질문과 답변을 이용할 수 있는 수학전문 서비스

    프로젝트 수행 역할

    바풀 핵심 어플 바로풀기 웹 서비스 개발: 주요 기능으로 사진기반 질문과 답변, 회원 정보, 이야기 게시판, 이벤트 및 공지사항 채널, 그룹 페이지 제공

    주사용기술

    HTML, CSS, Less, Coffeescript, Angular1, Python, Django, RWD, Nginx, Azure

  • 바풀 관리자

    설명

    회사 내부 관리용 페이지

    프로젝트 수행 역할

    사내 관리용 페이지 개발(Bapul Starter Kit 사용): 계정관리 및 각종 이벤트 처리. 특히 구글 프로그램과 연동하여 수치 계산

    주사용기술

    HTML, CSS, Sass, Javascript, Angular1, Nodejs, Gulp, Babel, MongoDB, Google API, RWD, Nginx, Azure

  • 바풀 회사 소개 홈페이지

    

    설명

    바풀 서비스 및 회사 홍보용 페이지

    프로젝트 수행 역할

    바풀에서 제공하는 서비스 홍보 및 회사 소개 홈페이지 개발

    주사용기술

    HTML, CSS, Javascript, jQuery, Nodejs, Gulp, RWD, Azure

  • 바풀 스타터 키트

    

    설명

    사내 관리자용 웹 스타터 키트

    프로젝트 수행 역할

    Bootstrap, Meterial을 활용하여 바풀만의 빠른 웹 개발을 위한 CSS 라이브러리 프로젝트 개발

    주사용기술

    HTML, CSS, Sass, Javascript, Angular1, Nodejs, Gulp, Babel, RWD

• 칸테크

  • 동국대, 영남대, 한양대, 서울대, 서울여대 교/직원 내부 시스템

    프로젝트 수행 역할

    평가 솔루션 개발 및 유지보수, 차트 및 그리드 도입

    주사용기술

    HTML, CSS, jQuery, JSP, Java, Spring, Hibernate, iBatis, Oracle, Oracle PL/SQL, Apache, Tomcat

  • 칸테크 대외평가, 교육원가, 경영계획 시스템

    프로젝트 수행 역할

    평가 솔루션 개발 및 유지보수, 차트 및 그리드 도입

    HightCharts, AmCharts를 이용하여 데이터 시각화 구현

    Axisj 라이브러리를 이용하여 그리드 구현

    오라클 프로시져, 패키지를 이용하여 평가시스템 데이터 맞춤 개발

    주사용기술

    HTML, CSS, jQuery, JSP, Java, Spring, Hibernate, Mybatis, AmChart, Hicharts, Axisj, Oracle, Desktop, Apache, Tomcat

  • 칸테크 프로젝트관리 시스템

    프로젝트 수행 역할

    Redmine을 Custom하여 화면을 회사에 맞게 재구현

    주사용기술

    HTML, CSS, jQuery, JSP, Java, Spring, Hibernate, Mybatis, Redmine, Oracle, Desktop, Apache, Tomcat

🚀 Side Projects

• 노마드 테라스 (개인 프로젝트)

  설명

  디지털 노마드 개발자 커뮤니티 서비스

• 이스케이프 노트 (개인 프로젝트)

  설명

  방탈출 기록 서비스

• 파란포션 (서비스 중단)

  설명

  건강 큐레이션 서비스

• 힐리힐리 (서비스 종료)

  설명

  전 세계 대회 리스트 게시 및 알림, 러너 SNS

  프로젝트 수행 역할

  AWS 서버 아키텍처 구성
  Graphql 기반 서버 개발
  Mobile Web Front 개발
  기획 / 디자인

  주사용기술

  HTML, CSS, Typescript, React, Styled-Components, Apollo, i18next
  Nodejs, Graphql, Apollo-Server, Nexus, Prisma
  AWS Route53, Cloudfront, S3
  AWS Beanstalk, RDS
  AWS SES, SNS
  AWS CodeBuild, CodePipeline
  Jira, Bitbucket

• 날씨 (서비스 종료)

  

  설명

  오늘 및 이번 주 날씨만을 표시하는 심플한 날씨 웹

  프로젝트 수행 역할

  지역찾기 및 현재위치를기 반으로 도시를 설정할 수 있으며 i18next를 이용하여 다국어를 지원

  배경이미지는 계절별, 시간별, 날씨별로 표시되고 해당 사진을 앞에 분류에 맞게 선정하여 일정시간에 따라 사진을 교체

  주사용기술

  HTML, CSS, React, Redux, React-Router, i18next, Yahoo API, RWD, AWS CloudFront, S3, SSL

• 그램 (서비스 종료)

  

  설명

  인기 있는 여성 쇼핑몰을 카테고리별로 보여주는 웹 서비스

  프로젝트 수행 역할

  Vue와 Nuxt이용하여 View 구현 (RWD)

  Angular를 이용하여 쇼핑몰 관리페이지 개발

  관리자 계정은 MongoDB를 이용하고 쇼핑몰 데이터는 Mysql을 이용하여 구현

  RESTful API 구현

  Nodejs를 이용하여 관리자 페이지에 등록된 쇼핑몰을 통해 매일 데이터를 업로드(스케쥴링, 크롤링)

  주사용기술

  HTML, CSS, Sass, Javascript, Vuejs, Nuxtjs, Webpack, Angular1, Babel, Gulp, Nodejs, Mysql, RWD, Nginx, AWS EC2, AWS RDS, AWS Route53, AWS S3, AWS Cloudfront

👨🏻‍💻 Studied

Using Flutter

• Rezero
  
  

  주 사용 기술

  • sliding_up_panel
• Blackyak
  
  

  주 사용 기술

  • animations
• HeyPet
  
  

  주 사용 기술

  • get
  • intl
  • jiffy
  • smooth_page_indicator
  • dotted_border
  • persistent_bottom_nav_bar
  • cached_network_image
  • video_player
  • flutter_slidable
• KakaoPage
  
  

  주 사용 기술

  • get
  • intl
  • jiffy
  • flutter_svg
  • carousel_slider
  • path_provider
• YouTube
  
  

  주 사용 기술

  • get
  • animations
  • modal_bottom_sheet
  • intl
  • jiffy
  • youtube_player_flutter
• Instagram
  
  

  주 사용 기술

  • cached_network_image
  • flutter_svg
  • intl
  • timeago
  • get
  • animations
  • image_picker
  • video_player
  • modal_bottom_sheet
  • visibility_detector
  • flare_flutter