About

자기소개 페이지 입니다.

OLDROOKIE CO., LTD.’s CTO and freelance web / app developer.

I’m Yoo. Web/App Developer.

I’m live in Republic of Korea, and now I graduated at last year. Now, I’m CTO of OldRookie CO., LTD.. It is engaged in all of our development process, and the main development contents are web / app development and WebXR development. First of our content is Homepage of our company. Now days, I’m developing an app for Masterpiece, a mobile VR exhibition content using WebXR, and producing it with React Native.

I have been in charge of web development and app development at U-CRM for 2 years and half from 2013. I participated in the introduction of angular on the homepage and also participated in iOS development. In 2016, I worked for WideMobile for about 6 months and took charge of web maintenance. In addition, I participated in app development and to develop a hybrid connection between native code and javascript. I was also involved in the task of getting security certification.

At Sahmyook University, I involved in Google’s DSC (Developer Student Club) Now, I’m participate as a core member. At the same time, I was a member of likelion shamyook for 1 year. I was also able to participate in various activities here.

I am very interested in web / apps, and recently I am interested in the process of setting up a development environment and managing a project.

about skills

Here are some of the techniques I used in projects, or used to learn or have an interest.

I used in Projects.

Front-End 😎

: html, css, jquery, angular, vuejs, reactjs

Back-End 😆

: ASP.NET, nodejs+express, django, django+restframework

Infrastructure 😂

: aws(s3, rds, ec2, elastic beanstalk), gcp(cloud storage, app engine, compute engine, cloud sql), heroku, wordpress(php), git

App / Hybrid 🙌

: react-native, cordova

Lang or ETC 😍

: Javascript, C#, objective c, python, MSSQL, MySQL, MariaDB, WebXR

used to learn

jsp, spring, flutter, dart, redis, mongodb, swift, webpack, jest, jenkins

have an interest

docker, kotlin, go, deno

Projects

As I started learning development, I participated in various projects. Here are a few projects you might want to share.

Dev Projects

Academic / Study / Presentation

  • WebXR presentation at DSC DevFest 2019
  • Participation of Django Session of LikeLion SYU.
  • Participation of Web Session of LikeLion SYU.
  • Participation of Web Session of DSC SYU.
  • Charged javascript Study in LikeLion SYU.

💻 웹 / 앱 개발자 유경수 입니다

스타트업 ‘(주)올드루키’와 약 3년동안 함께하고 다시 웹 개발자 유경수로 돌아왔습니다.

한국의 서울시 송파구에서 거주 중인 웹/앱 개발자 입니다. ASP.NET, AngularJS , Objective C등을 사용하는 웹 개발자이자, iOS 개발자였던 이전 경력을 바탕으로, 2018년 (주)올드루키에 개발 책임이자 CTO로 참여하였습니다.

웹 개발자로서 브라우저 상에서 XR 환경을 구현할 수 있는 WebXR이라는 기술이 굉장히 매력적으로 다가왔기에, (주)올드루키에서 가상 전시회 플랫폼 마스터피스(가칭)을 개발하게 되었습니다. 이를 배경으로 스타트업으로서 올드루키는 다양한 수상 경력을 쌓을 수 있었습니다.

2022년에는 XR 기술을 접목 시킬 패션 플랫폼 HaFFn을 출시 하였습니다. 출시 당시 (주)올드루키는 10여 명의 팀원을 가진 회사가 된 만큼 개발 책임으로서 많은 도전에 부딪히게 되었으나, 팀원들과의 끊임 없는 논의를 통해 많은 경험을 쌓으며 도전들을 헤쳐나올 수 있었습니다.

(주)올드루키에서의 경험을 통해 웹 / 앱 개발자로서 뿐만 아니라, 팀과 회사 그리고 서비스 전체를 아우를 수 있는 시야를 갖게되었습니다. 때문에, 신기술 뿐만 아니라 개발을 어떻게 해야 참여자 모두가 쾌적하고 효율적으로 업무에 임할 수 있을까에 대한 고민을 하고 있습니다.

현재에는 많은 도움과 경험을 얻게해준 (주)올드루키를 떠나, 이전보다 조금 더 단단하고 넓은 시야를 가진 웹 / 앱 개발자 유경수로 돌아가기 위한 준비중입니다.

🧳 보유 기술

FrontEnd

HTML5 Vue.js JavaScript TypeScript React CSS3 D3.js Bootstrap Redux Dart jQuery Flutter

Backend

JavaScript TypeScript MongoDB Node.js Linux Nginx Express.js Git Bash Webpack NestJS MySQL Redis

DevOps

AWS GCP Kubernetes Linux Git Bash Docker Firebase

🚀 프로젝트

올드루키 / 개발팀 CTO (2019 ~ 2023)

올드루키에서 팀원들과 진행한 프로젝트 일람입니다

[외주] 국회의원 의정 보고 (2022.10~2023.04)

(주)올드루키에서 진행한 외주 프로젝트이자 신규 사업 아이템 입니다. 기존의 종이로 된 의정 보고서를 온라인으로 옮겨 오는 것을 목표로 진행하였습니다. 국회의원 4인의 의정 보고서를 대체하는 웹 사이트를 제작 및 배포하였습니다.

  • 사용 기술
    • 관리 및 배포
    • Vercel, AWS CloudFront, AWS S3, AWS RDS,NX, Storybook, Git
    • 프론트 엔드
      • NextJS, ReactJS,Emotion/Styled-Component, Redux
    • 백엔드
      • MySQL,NestJS
  • 참여 내용
    • 프론트 엔드 개발 전체 및 백 엔드 개발 전체
    • 총 참여 인원 3인
  • 영업 성과
    • 2022년 10월 국회의원 유의동 의정 보고서 의뢰 수주
    • 국회의원 유의동 의정 보고서를 기반으로 23년 4월까지 추가 3건 의뢰 수주
    • 지난 4건의 의뢰를 기반으로 의뢰자 맞춤 형태에서 WordPress형태로 자동화 전환 예정
  • 개발 성과
    • NX를 이용한 monorepo 환경 구성을 통해 4건의 프로젝트 간 코드 재사용률 상승
    • Atomic Design Pattern 과 디자인 시스템 도입으로, 클라이언트 개발의 규격화
    • Framer 패키지를 활용, 애니메이션의 고도화 진행
    • 패키지 활용을 통한 기사 Open Graph 수집 크롤러 제작을 통한 사내 생산성 향상
  • 관련 링크

[외주] 메타버스 플랫폼 - 넥스테라 (2021.11 ~ 2022.06)

(주)올드루키에서 진행한 외주 프로젝트로서, (주)바오밥 파트너즈와 협업을 진행하였습니다. Unity 기반의 메타버스 플랫폼 개발의 총 책임과 배포를 맡았습니다.

  • 사용 기술
    • 관리 및 배포
      • AWS Lightsail, AWS EC2, AWS RDS, Github
    • 프론트엔드
      • Unity, React Native, ReactJS, SCSS, Redux
    • 백엔드
      • NestJS, Colyseus, MongoDB, MySQL
  • 참여 내용
    • React Native 인증 및 서버 선택 등의 클라이언트 개발
    • NestJS 기반 인증 서버 제작
    • TypeScript 기반의 게임 서버 Colyseus를 활용한 게임 서버 개발
    • 어플리케이션 등록 및 출시 진행
    • 총 참여 인원 12인
  • 영업 성과
    • 2022년 4월부로 L2E 메타버스 플랫폼 넥스테라 출시
  • 개발 성과
    • Typescript 기반의 게임서버 운용을 통한 사내 개발 비용 감소
    • React Native + Unity 진행으로 메타버스 서비스의 추가 개발 비용 감소
  • 관련 링크

가상 현실 패션 플랫폼 - HaFFn (2021.06 ~ 2021.12)

(주)올드루키에서 진행한 사내 프로젝트로서 XR 기술을 활용한 패션 플랫폼 개발을 목표로 하였습니다. 1차 목표는 실제 옷을 Photogrametry를 활용해 3d 모델로 변환해 어플리케이션 상에서 상세하게 볼 수 있도록 하는 것이었습니다.
추후의 목표는 거래가 가능한 상점 기능을 추가하고, 3d 마네킹에 해당 의류를 착용시키는 로드맵을 가지고 있었습니다.

  • 사용 기술
    • 관리 및 배포
      • AWS Lightsail, AWS RDS, Git
    • 프론트엔드
      • Flutter, Svelte, Babylon.js
    • 백엔드
      • Spring Boot, MySQL, MongoDB
  • 참여 내용
    • Svelte와 Babylon.js를 활용한 3d 웹 뷰어 제작
    • Flutter 활용 프론트엔드 개발 참여
    • 어플리케이션 런칭 및 배포
    • 총 참여 인원 11인
  • 영업 성과
    • dauspice 등 4개 스트릿 브랜드와 협업
  • 개발 성과
    • 기존 React Native 기반 개발 환경에서 Flutter로 전환
    • Svelte와 Babylon.js를 활용한 3d 웹 뷰어 개발
    • 애플에서 제공하는 Photogrammetry 라이브러리를 활용, 사진에서 3d 모델 추출
  • 관련 링크

[외주] KT 스마트메시지 초성 퀴즈 이벤트 (2021.09 ~ 2021.10)

: KT 엔터프라이즈가 주관한 KT 스마트메시지 초성 퀴즈 이벤트를 아이디어 오븐과 함께 진행했습니다.
개발 항목의 배포와 NestJS기반 백엔드 개발에 집중 참여하였습니다.

  • 사용 기술
    • 관리 및 배포
      • AWS Lightsail, AWS RDS, MongoDB Atlas
    • 백엔드
      • NestJS, MongoDB, Naver Cloud Simple & Easy Notification Service
  • 참여 내용
    • 실제 이벤트 참여를 위한 KT 측과의 API 통신 부 개발
    • 휴대전화 번호 인증 기능 개발
  • 영업 성과
    • 이벤트 오픈 약 20일 간 7,320명 참여
  • 개발 성과
    • 휴대폰 인증 로직 개발, 휴대폰 인증에 Naver SNS 발송 API 활용
  • 관련 링크

[외주] 화물 트럭 구매, 공급자 매칭 플랫폼 - 디젤트럭 (2021.03 ~ 2021.07)

: 화물 트럭 번호판 구매자와 공급자의 매칭을 도와주는 플랫폼 디젤트럭의 클라이언트 개발과 배포를 진행했습니다.

  • 사용 기술
    • 관리 및 배포
      • Github, NPM Private Package
    • 프론드엔드
      • React Native, Redux, GraphQL
  • 참여 내용
    • 구매자, 공급자 측 프론트엔드 개발 전체 리드
    • 앱스토어, 플레이스토어 배포
  • 개발 성과
    • NPM Private Package를 활용한 두 클라이언트 간 코드 공유
    • GraphQL + React Native를 활용한 인증 및 API 처리 구현
  • 관련 링크

[외주] 클럽 MD와 클럽 이용자 매칭 플랫폼 - 클러버 (2021.03 ~ 2021.07)

: 클럽 MD와 클럽 이용자간 매칭을 제공하는 플랫폼인 클러버의 클라이언트 개발 및 배포를 진행했습니다.

  • 사용 기술
    • 관리 및 배포
      • Github, NPM Private Package
    • 프론드엔드
      • React Native, Redux, GraphQL
  • 참여 내용
    • 구매자, 공급자 측 프론트엔드 개발 전체 리드
    • 앱스토어, 플레이스토어 배포
  • 개발 성과
    • NPM Private Package를 활용한 두 클라이언트 간 코드 공유
    • GraphQL + React Native를 활용한 인증 및 API 처리 구현
  • 관련 링크

가상 가구 배치 플랫폼 - 마이 퍼니처 프로토타입 (2019.09 ~ 2019.10)

: 제 5회 부산 국제 창업 아이디어 경진대회의 출품작으로서 대회 진행동안 무박 2일 동안 개발하였습니다.
IKEA에서 제공하는 AR 가구 배치에서 영감을 얻은 마이 퍼니처는 실제 공간에 가구를 배치할 때, 측정만으로는 가구의 크기나 느낌을 알기가 어렵다는 팀원의 불편함에서 출발했습니다.

1차 목표는 방의 크기를 투영한 공간을 생성 및 제공하고 그 공간에 배치하려는 가구의 크기만큼의 다양한 도형들을 배치해 공간감을 가늠할 수 있는 것으로 하였습니다.
그 후 로드맵은 해당 도형에 배치하려는 가구의 정보들을 연결해주어 실제 구매로 이어질 수 있도록 하고, 점차 실제 가구 모델링을 활용하는 목표를 세웠었습니다.

가상 전시회 플랫폼 - 마스터피스 프로토타입 (2019.07 ~ 2020.03)

: 미술 전시회를 VR 환경에서 제공할 수 있는 가상 전시회 플랫폼 마스터피스의 프로토타입 제작을 진행했습니다. 이미지 프로세싱을 거친 유화 등을 3d 모델과 함께 VR 공간에 배치함으로서 미약하나마 미술관에서의 경험을 VR에서 구현하고자 하였습니다.

  • 사용 기술
    • 관리 및 배포
      • Github, Glitch
    • 프론트엔드 개발
      • aFrame
  • 참여 내용
    • aFrame을 활용한 개발 전반 참여
  • 영업 성과
    • VR 및 창업 관련 수상
      • 가천대학교 글로벌 IR 컨퍼런스 최종 선정 (가천대학교,2018.11)
        • 영국 엑셀러레이팅/IR 3박 4일 진행
      • VR/AR 전문가 양성 교육 프로그램 우수 콘텐츠 선별(서울 VR/AR 거점센터,2019.01)
    • 대외 활동 참여
  • 개발 성과
    • JavaScript 기반 WebVR 서비스 개발
    • 360도 파노라마 카메라를 이용한 VR 뷰어 기능 추가 개발
  • 연관 링크

(주)와이드모바일 / IT팀 사원 (2017.03 ~ 2017.10)

(주)와이드모바일 재직 기간 동안 진행한 프로젝트입니다

와이드모바일 모바일 리뉴얼 및 배포 (2017.03 ~ 2017.10)

: 와이드모바일 주력 사업인 와이파이 도시락의 예약 어플리케이션 클라이언트 개발에 참여하였습니다.

  • 사용 기술
    • 관리 및 배포
      • SVN
    • 프론트엔드 개발
      • AngularJS, jQuery, Objective C
  • 참여 내용
    • AngularJS를 활용한 클라이언트 개발 참여
    • iOS 측 추가 개발 및 배포 진행
  • 개발 성과
    • 하이브리드 어플리케이션에 필요한 JS - Objective C, Android 간 연결 기능 직접 개발
    • 달력 및 달력 날짜 선택 모듈 Vanila JS 개발
  • 관련 링크

와이드모바일 홈페이지 유지 보수 (2017.03 ~ 2017.10)

: 와이드모바일 자사 홈페이지와 사내 홈페이지의 유지 보수를 맡았습니다.

  • 사용 기술
    • 관리 및 배포
      • Windows Server, SVN
    • 백엔드
      • ASP.NET, MSSQL
    • 프론트엔드
      • jQuery, JS
  • 참여 내용
    • 백엔드, 프론트엔드 오류 수정 및 유지 보수 진행
    • 서비스 내 배너 관리 시스템 개발
    • 내부 서비스 로그인 세션 기능 개발
  • 개발 성과
    • 서비스 - 내부 서비스를 활용한 배너 관리 서비스 개발
    • 서비스에 활용되는 커스텀 팝업 관련 기능 개발
  • 관련 링크

(주) U-CRM / IT팀 주임 (2012.10 ~ 2015.08)

(주)U-CRM 재직 기간 동안 참여한 프로젝트 입니다

주소록 업다운로드 어플리케이션 개발 및 배포 (2012.10 ~ 2013.06)

: 자사 서비스를 위한 iOS 주소록 업다운로드 어플리케이션입니다. CRM 서비스 제공을 위한 휴대폰 연락처 정보 관리를 위해 개발 되었습니다.

  • 사용 기술
    • 관리 및 배포
      • Windows Server, SVN
    • 백엔드
      • ASP.NET, MSSQL
    • 프론트엔드
      • Objective C, Alamofire
  • 참여 내용
    • iOS 개발 전체 진행 및 배포
    • 연관 API 개발
  • 개발 성과
    • iOS 주소록 API 활용
    • iOS 배포 경험

자사 서비스 홈페이지 리뉴얼 및 유지보수 (2014.10 ~ 2015.08)

: 자사 서비스 홈페이지의 리뉴얼 및 유지보수를 진행하였습니다.

  • 사용 기술
    • 관리 및 배포
      • Windows Server, SVN
    • 백엔드
      • ASP.NET, MSSQL
    • 프론트엔드
      • jQuery, JS
  • 참여 내용
    • 자사 서비스 백엔드, 프론트엔드 유지보수 진행

개인 외주 및 프로젝트

재직 중이 아닌, 개인 외주를 진행하거나 개인 프로젝트를 진행한 내용들 입니다.

삼육대학교 동아리 DSC 1일 1커밋 챌린지 플랫폼 - 정원사 개발 (2020.03~2020.06)

: 삼육대학교 내 개발 동아리인 Google Developer Student Club at 삼육대학교에서 자체적으로 진행된 1일 1커밋 챌린지를 진행하고 통계를 만들어주는 플랫폼을 제작 및 배포, 운용하였습니다. 해당 프로젝트는 개인 프로젝트로 백엔드와 클라이언트 모두 단독 진행하였습니다.

  • 사용 기술
    • 관리 및 배포
      • GCP Compute Engine, Docker, MongoDB Atlas, Github
    • 백엔드
      • nodejs, express, babel
    • 프론트엔드
      • react, redux, typescript, scss
  • 주요 기능
    • Github 로그인 제공
    • 회원의 커밋 기록 및 저장소 정보 조회
    • 기간 동안의 커밋 기록 차트 제공
  • 참여 내용
    • 프로젝트의 백엔드, 프론트엔드 모두 직접 개발
    • Github 로그인 API 활용
    • 배포 및 운영
  • 영업 성과
    • 1달마다 5~15인 규모의 참여자를 대상으로 3회 진행
  • 개발 성과
    • Github API 활용
      • 로그인, 저장소 정보, 커밋 정보 조회
    • MongoDB 기반 데이터베이스 운용
  • 관련 링크

삼육대학교 2019 체육대회, 축제 홈페이지 제작 (2019.09 ~ 2019.10)

: 삼육대학교 내 개발동아리인 멋쟁이사자처럼 at 삼육대학교와 함께 진행한 삼육대학교 체육대회, 축제 홈페이지 제작 프로젝트 입니다.
동아리 차원의 프로젝트로서, 홍보와 참여에 어려움을 겪고 있던 교내 행사에 도움이 되고자 중앙동아리 학생들과 협력하여 진행하였습니다.
축제 안내와 축제 기간 중 장기자랑 투표, 축제 부스 안내 등의 기능을 포함하였었습니다.

  • 사용 기술
    • 관리 및 배포
      • Github, AWS EC2, AWS RDS
    • 백엔드
      • Django REST Framework, MySQL
    • 프론트엔드
      • jQuery
  • 참여 내용
    • 설계 및 관리, 배포 참여
      • 서비스 구성 및 관리에 참여
      • git 관리 계획 진행
      • 팀업 진행
    • 백엔드 개발 참여
      • Django를 활용한 서버 개발 진행
      • 카카오 로그인 구현
    • 프론트엔드 개발 참여
      • HTML, CSS, JS를 활용한 프론트엔드 개발 진행
      • aFrame을 활용한 마커 기반 AR 구현 및 부스 방문 스탬프 이벤트 개발
        • 각 부스마다 QR을 배치해, 각 부스의 특성에 맞는 3d 모델을 보여주며 동시에 방문 스탬프를 체크
  • 영업 성과
    • 교내 140명 이상의 참여
    • 축제 기간 내 일 페이지 뷰 1400 건 이상
  • 개발 성과
    • 10인이 넘는 협업 개발 진행
    • git-flow 적용으로 협업 간 혼선 최소화
    • 카카오 로그인 활용
  • 연관 링크

[외주] 배우 인력 구성 플랫폼 - 클릭잡 (2018.04 ~ 2018.11)

: 배우 인력 구성 플랫폼인 클릭잡의 하이브리드 어플리케이션 개발에 참여했었습니다.

  • 사용 기술
    • 관리 및 배포
      • Github
    • 프론트엔드
      • Cordova, AngularJS
  • 참여 내용
    • AngularJS를 활용한 화면 개발 참여
    • iOS 부 오류 및 추가 개발 전담
    • iOS 배포 참여

🤼 대외 활동

프로젝트 이외에 학술 발표 , 스터디 등의 활동입니다

삼육대학교 개발 동아리 - Google Developer Student Club @삼육 (2019.03~2020.02)

: Google에서 진행하는 학생 개발자 동아리인 DSC에서 코어 멤버로서 활동하였습니다.
각종 교육 세션, 학술 발표 등을 진행하였습니다.

삼육대학교 개발 동아리 - 멋쟁이 사자처럼 @삼육 (2019.04 ~ 2021.12)

: 삼육대학교 내 개발 동아리인 멋쟁이 사자처럼에서 멘토로서 참여하였습니다.
멘토로서 각종 프로젝트 진행 및 학술 세션 진행 등을 맡았습니다.

FEATURED TAGS
django nodejs react project study express mongodb nextjs docker gcp deploy javascript nx typescript framework github i18n i18next monorepo redux sass tools vercel windows
ABOUT ME

빠르게 실패하고
빠르게 회복하자

FRIENDS