My References

프로젝트	소개	개발 참여도	추가 정보
PurpleDog	퍼플독 와인 정기 구독 서비스 #구독서비스 #관계형서비스 #SEO #스케줄링 #랜딩페이지 #프론트엔드 #백엔드 #약간의CRM In Progress React Redux JavaScript ES6 HTML5 and CSS3 Bootstrap 4 Node.js Koa MongoDB AWS EC2	( ~ M/M) 개발중 단독 개발	Purple Dog 사람마다 라이프 스타일이 다르듯이 입맞에 맞는 와인도 달라요 국 내 최 초! 퍼플독 와인버틀러서비스™는 AI가 와인을 매칭해주며, 구독할수록 정밀해져요
App vs App	Shopify 앱들의 효율을 비교하는 서비스 #Shopify #앱 #앱퍼포먼스비교 #벤치마크 #UIandUX #이커머스 #어떤앱이매출을올려주나? In Progress React Redux JavaScript ES6 HTML5 and CSS3 Bootstrap 4 Node.js Express MongoDB AWS EC2	( ~ M/M) 개발중 단독 개발	App vs App App VS App for Shopify
Shopify EMM	Shopify Email Marketing Machine 쇼핑몰들을 크롤링하고 메일을 보내는 봇 #Shopify #웹크롤링 #웹스크래핑 #메일전송자동화 #메일템플릿화 #메일수신여부추적 Done JavaScript ES6 Bootstrap 4 Node.js Express MongoDB Heroku	(0.5M/M) 100% 단독 개발	EMM EMM : Email Marketing Machine, 웹사이트 URL만 넣으면(CSV) Shopify 플랫폼인지 확인하여 이메일 자동 추출, 발송, 추적을 Onestop으로 진행하는 마케팅 프로그램 입니다. 개발 후기 해당 URL이 Shopify 쇼핑몰인지 확인 쇼핑몰의 상품 개수 파악 후 저장 해당 URL 내의 이메일 자동 추출 Gmail 발송, 발송 간격 랜덤화, 다양한 이메일 내용을 템플릿화하여 발송 메일 수신 여부 트래킹 (수신자가 열어 봤는지를 추적) 랜딩 URL 트래킹 (Google Analytics : Tracking pixel)
Retargeting In Store	쇼핑객에게 관심 상품을 지속적으로 보여주는, Shopify 앱 #Shopify #앱 #리타겟팅 #구매전환율증대 #퍼널마케팅 #CRO #UIandUX #판매증대 Done HTML5 and CSS3 JavaScript ES6 Bootstrap 4 Node.js Express MongoDB AWS EC2	(3M/M) 100% 단독 개발	Retargeting in Store Retargeting in Store 고객이 관심가지는 상품을 실시간으로 추적하여 구매확률이 높은 상품 정보를 반복적으로 상품 목록 페이지에 노출시킵니다. 광고 효과가 높다고 알려진 Retargeting Advertising 방식과 Sales copywriting을 결합한 이커머스 앱입니다. Website Appstore 개발 후기
Super Social Proof	쇼핑객에게 Social Proof, FOMO 그리고 YouTube 영상을 제공하는 Shopify 앱 #Shopify #SocialProof #Review #Newarrival #Lowstock #Bestseller #FOMO #YouTube #구매전환율증대 Refactoring React Redux JavaScript ES6 Bootstrap 4 Node.js Express MongoDB AWS EC2	(5M/M) 100% 단독 개발	Super Social Proof Super Social Proof 이커머스에서 쇼핑중인 고객에게 Social proof 나 고객의 행동 정보등의 콘텐츠 중 가장 효과가 높은 콘텐츠를 실시간으로 상품 사진위에 매핑시켜 구매 전환율을 높이는 마케팅 앱입니다. Website Appstore 개발 후기
소상공인 빅데이터 센터	소상공인 연합회의 정보들을 제공하는 웹 서비스 #웹퍼블리싱 Done JavaScript HTML5 and CSS3	(1M/M) 100% 단독 개발	소상공인 빅데이터 센터 소상공인 빅데이터 센터는 국내의 소상공인들에 가입을 받고, 사용자들에게 필요한 사업적인 정보들을 제공하거나 이메일, 메세지등을 보낼 수 있는 서비스입니다.
하이퍼맵	지역 및 상권들의 데이터를 지도 방식으로 조회하고 추출하는 웹 서비스 #웹퍼블리싱 #카카오지도API #프론트엔드 Done JavaScript HTML5 and CSS3	(1M/M) 100% 단독 개발	하이퍼맵 하이퍼맵은 지도의 데이터 추출 범위를 설정하여 데이터를 추출하며 공유할 수 있는 웹 서비스입니다.
우리마을가게 설문조사	소상공인들에게 설문조사를 제공하는 웹 서비스 #웹퍼블리싱 Done JavaScript HTML5 and CSS3	(1M/M) 100% 단독 개발	우리마을가게 설문조사
두배더 세배더	쇼핑몰의 상품 이미지를 지속적으로 보여주는 카페24 앱 #카페24 #앱 #상품노출 #모바일광고접목 #추가인벤토리확보 #높은주목성 #UIandUX Done HTML5 and CSS3 JavaScript ES6 Bootstrap 4 Node.js Express MongoDB AWS EC2	(3M/M) 100% 단독 개발	두배더 세배더 두배더세배더는 이커머스에 사용할 수 있는 스크롤애드 기술을 Cafe24 쇼핑몰들에 제공하기 위해 개발된 이커머스 앱 서비스입니다. 쇼핑몰 관리자는 자신의 쇼핑몰 사이트에서 방문자에게 보여주고 싶은 추가 상품 정보들을 두배더세배더 앱을 통해 보여줄 수 있습니다. 블로그
Scrollads SDK	웹 사이트에서 스크롤을 하면 광고가 나타나는, 광고 디스플레이 서비스 앱 #SDK #광고네트워크 #디스플레이광고 #광고인벤토리 #3D효과 Done JavaScript ES6 Webpack	(8M/M) 100% 단독 개발	Scrollads SDK Scrollads E-commerce SDK 스크롤애드는 광고를 게재할 수 있는 웹사이트에 다이나믹한 애니메이션을 통하여 추가적인 컨텐츠를 보여줄 수 있는 공간을 확보하는 서비스로 광고 인벤토리가 필요한 매체사, 쇼핑몰 사이트등에 설치되어 높은 사용자경험의 애니메이션을 통해 더 많은 컨텐츠를 방문자에게 노출 할 수 있습니다.
MAV	광고 배너 이미지를 자동으로 조합하여 만드는 서버 앱 #서버 #이미지프로세싱API #광고배너템플릿화 Done JavaScript ES6 Node.js Express MongoDB AWS EC2	(5.5M/M) 100% 단독 개발	MAV MAV는 Mobile Advertisement Vending Machine의 약자로 상품 이미지와 몇 가지 키워드를 입력하여, 1분내에 서로 다른 디자인의 광고 배너가 100장이 자동으로 생성되는 서비스입니다.
Kije Editor	WordPress WYSIWYG Editor 플러그인 앱 #워드프레스 #플러그인 #웹에디터 Done JavaScript	(3M/M) 100% 단독 개발	Kije's Editor 워드프레스 플러그인 마켓 플레이스에 배포한 WYSIWYG 에디터 플러그인으로, 마우스와 키보드를 동시에 사용해야 하는 기존 에디터와 달리 키보드만으로 에디팅이 가능하게 하였습니다.
벌레퀴즈 OX	실시간 온라인 모바일 OX 퀴즈 게임 앱 #Socket #실시간 #온라인 #소켓서버 #기획과디자인 #포토샵 Done HTML5 and CSS3 JavaScript Ionic Angular Node.js Socket.io Express MongoDB Heroku	(9.5M/M) 100% 단독 개발	벌레퀴즈 모바일 온라인 OX 퀴즈게임 앱입니다.
프로젝트들은 최근 개발한 순으로 정렬되어 있습니다

My Skills

기술 구분	로고	활용 수준	주관적 평가
JavaScript		JavaScript, ECMAScript, Webpack과 Babel등을 위주로 개발하며 모듈화를 통한 플러그인 개발 및 SDK도 가능합니다. 브라우저 환경의 JavaScript의 경우 브라우저 호환성을 중요시하여 IE 환경에서도 정상 작동하도록 개발하고 있으며 최신 문법인 ES6 또한 자유자재로 사용하고 있습니다
Node.js		Node.js로 Express, Koa등 웹 개발 프레임워크를 구축할 수 있으며, React와 MERN Stack 방식으로 조합하여 개발할 수 있습니다 Handlebars, Liquid와 같은 Template Engine을 View 형태로 제공하여 구축하거나 서버 로깅 등을 할 수 있습니다
React		Redux와 Slice로 상태 관리를 하며 Axios를 주로 사용하여 API 요청을 구현합니다. 대부분의 필요한 웹 컴포넌트를 능숙하게 개발할 수 있습니다(CRUD, Formik, Yup 등..) 또한 Node.js로부터 JWT를 발급받아 사용자 인증을 구현할 수 있습니다
Express		RESTFul 구조로 API를 설계하고 개발할 수 있으며 MongoDB 및 Mongoose와 연동하여 CRUD를 제공할 수 있습니다 Pino Logger를 통해 서버 로깅을 하며 express-session과 Cookie를 통해 세션 형태로 사용자 인증을 구현할 수 있습니다
Koa		마찬가지로 RESTful 구조로 API 개발하며, MongoDB와 Mongoose와 연동하여 사용하고 있습니다 koa-logger를 통해 서버 로깅을 하며 JWT와 Cookie를 통해 사용자 인증을 구현할 수 있습니다
MongoDB		관계형 데이터베이스를 설계하고 Mongoose를 사용하여 높은 생산성으로 API를 개발하고 있습니다 Camel case로 데이터 모델링 시 필드명을 정의하여 설계하며 데이터 ID 값은 MongoDB 내장 값인 _id를 증감시켜 사용하고 있습니다
AWS EC2		Node.js 앱은 Elasticbeanstalk으로 WordPress는 Ubuntu를 통해 앱을 배포하고 있습니다. CloudWatch를 통해 서버 로그를 분석하고, 환경 알림 설정을 통해 앱에 문제가 있을 시 메일을 받도록 설정합니다
AWS S3		이미지, 파일 등을 AWS에서 제공하는 AWS S3 라이브러리를 연동하여 사용하고 있습니다 파일을 업로드하고 퍼블릭 주소를 반환받아 문자열 형태로 데이터베이스에 보관하여 사용하고 있습니다
객관화하기 어려운 관계로, 제가 이해하고 구현할 수 있는 수준을 작성 했습니다

My Business Card