학습목표를 끝까지 달성하고
결제액의 최대 20% 학습지원금을 받아가세요!

Node.js로 구현하는

쇼핑몰 프로젝트
CAMP

프론트엔드를 넘어서 Node.js로 백엔드를 배울 기회!
쇼핑몰서비스의 주요기능, 배포, 서버 확장까지의 경험!

#Javascript
#Node.js
#이커머스구축

기간 & 일정

2019.05.14 – 07.09 (6/6휴강)
매주 화,목요일 20:00 – 23:00
주 2회, 총 48시간

장소 & 준비물

패스트캠퍼스 강남강의장
강남역 4번 출구, 미왕빌딩
개인 노트북

담당자 & 문의

장명희 매니저
02-517-0562
help.camp.dev@fastcampus.co.kr

프론트엔드를 넘어서,
온라인 쇼핑몰에 완벽함을 더해줄 Node.js로
백엔드 구현과정을 마스터합니다!

프론트엔드를 넘어서,
온라인 쇼핑몰에 완벽함을 더해줄 Node.js로
백엔드 구현과정을 마스터합니다!

page_symbol_shoppingmall
page_symbol_nodejs

온라인 쇼핑몰은 백엔드 개발 기능의 집합체입니다.

본 수업은 결제, 크롤링 등 대표적인 기능을 차근차근 구현해 하나의 ‘서비스’를 완성한다는 점에서 실무 프로젝트에 가깝습니다. 웹 서비스 기능 구현부터 Docker를 활용한 배포, 서버 확장까지 단계마다 성취감을 맛보며 끝까지 완주할 수 있도록 커리큘럼을 구성했습니다.

수강대상.
여러분에게 이 강의를 추천합니다.

icon_man3_2_happy
Javascript로 프론트엔드 개발과
백엔드 개발까지 정복하고 싶은 분
icon_woman3_1_normal
개발 역량 강화를 위해
Node.js를 학습하려는 분
icon_woman1_2_happy
e-commerce서비스를
처음부터 끝까지 경험하고 싶은 분

E-commerce 서비스를 구현하고 강의실에서 결제까지 해보는 8주 코스.

  • 프론트엔드
  • Node.js
  • AWS·Docker
  • 테스팅

JavaScript

개발환경을 설정하고 프론트엔드의 기초를 재정리합니다.

프론트엔드를 완벽하게 이해하기 위해 수업에 필요한 JavaScript 개념들을 차근차근 되짚어봅니다.

Node.js로
쇼핑몰 개발하기

본격적으로 쇼핑몰 서비스를 개발하는 프로젝트를 진행합니다.

Node.js 설치부터 시작해 파일 업로드와 보안 기능, 인증 및 소셜 로그인 페이지, 실시간 채팅, 장바구니 서비스,
결제 프로세스 완성, 어드민 페이지, 크롤링 데이터 수집(배송 위치 추적) 등 웹서비스의 다양한 기능을 직접 구현합니다.

AWS·Docker 활용하기

내가만든 소스를 배포합니다.

실무처럼 AWS와 Docker를 활용해서 내가 만든 쇼핑몰 서비스를 배포해봅니다.
내가 원하는 서비스를 구현하고 배포하는 전 과정을 실습 프로젝트로 터득할 수 있습니다.
쇼핑몰 뿐만 아니라 웹서비스를 구현하는데 필요한 기능을 연결하는 방법을 배울 것입니다.

Node.js 테스팅을 진행합니다

소프트웨어 품질을 높이기 위한 작업입니다

테스트 시나리오를 작성하고 테스트를 통과하는 조건을 작성합니다
테스트를 실행해보고 완료 후 기대했던 것과 일치하는지 확인합니다
프로세스!!!

공부도 하고!
학습지원금도 받고!

결제액의 15%를 학습지원금으로 드립니다.

패스트캠퍼스의 수강의지를 강화하기 위한 지원금 제도를 운영합니다
패캠이 제안하는 학습 목표를 달성하고 커리어 이상의 성취감을 얻어가길 바랍니다.

*학습지원금은 제세공과금(22%)을 제하고 드립니다.

과제/학습노트

100% 제출

커리큘럼.

◆매주 강의 내용과 각각의 기능을 git commit log로 제공합니다.
시간과 장소에 구애받지 않고 코드를 확인하실 수 있습니다.
◆Node.js로 백엔드를 구현하는데 집중하기 위해 프론트엔드 CSS 부분은 Bootstrap 라이브러리를 사용합니다.
백엔드 개발에 집중하면서도 프론트엔드 완성도가 높은 결과물을 구현할 수 있습니다.

1회차. 프로젝트 환경 설정

  • 에디터 설정, 프로젝트 폴더 생성
  • 프로젝트와 DB 연동
  • url만들어보기, 첫 모델 작성

2회차. 제품 업로드 페이지 만들기

  • 템플릿 nunjucks 언어 익숙해지기
  • CRUD 글 등록, 수정,삭제 해보기
  • 웹프레임워크 Express 익숙해지기

3회차. Nodejs 비동기 개선해보기, 에러처리

  • Promise
  • Generator
  • async await를 활용한 페이지 네이션처리
  • 에러 처리

4회차. 메모 달기 작성(모델간의 관계도)

  • 모델간의 관계도
  • OneToMany, ManyToMany
  • DB 마이그레이션

5회차. 파일 업로드 및 보안

  • multer를 이용한 파일업로드
  • 회원가입 페이지 작성
  • 단방향 해시를 이용한 암호화
  • CSURF로 XSS 공격 막기

6회차. 인증 및 로그인 및 소셜 로그인 구현

  • Passport 로그인페이지 구현
  • Flash 메시지 활용
  • Facebook 로그인 구현

7회차. 해시태그 구현해보기 + sequilize 심화

  • ManyToMany
  • sequilize hooks, sequilize virtual 변수 작성
  • sequilize validation 사용하기

8회차. Socket.io를 활용해 실시간 채팅 서비스 구현하기

  • Socket.io 개요
  • 전체 채널 채팅 구현
  • 상점 관리자와의 채팅 구현하기
  • 회원간의 채팅 구현

9회차. 비회원 및 회원 장바구니 구현

  • 장바구니 페이지 구현
  • 메인페이지 구현

10회차. 결제 프로세스의 이해 및 PG사 연동

  • 결제 프로세스 CURL 설명
  • 결제 연동 페이지 구현
  • PG사 연동(iamport 활용)
  • 결제완료 후 구매 상태 변경

11회차. 관리자 페이지개선( 차트 및 위지윅에디터 )

  • 결제상태 - 배송중으로 변경하기
  • 주소록 연동
  • summernote 위지윅 에디터 연동
  • 매달 통계 그래프로 보여주기(google chart 시각화)

12회차. 크롤링으로 다른 웹사이트에서 데이터 가져오기

  • 크롤링 개요
  • 크롤링 연습
  • 현재 배송위치 추적 구현(request, cheerio)

13회차. Node.js 테스팅 해보기

  • Mocha ,chai
  • puppeteer 를 활용한 UI 테스트
  • CRUD자동화 테스트

14회차. AWS 배포 – 내가 만든 소스 배포하기

  • AWS 개요
  • Ubuntu 에 Node.js 및 소스 배포
  • RDS mysql 설치 및 보안그룹 설정
  • PM2 설치 서비스 배포
  • Nginx 설치 후 연결

15회차. 서버확장 고려해보기

  • 파일업로드 S3로 전환, 액세스키 발급
  • 오토스케일링
  • DB master slave
  • 세션공유를 위한 redis

16회차. Docker로 배포해보기

  • Docker 설치
  • Docker 명령어 연습

강의에 대한 전반적인 소개를 한 눈에 보고 싶다면? 교육 과정 소개서를 확인해주세요!
* 본 소개서는 회사 제출용으로도 사용 가능합니다.

만약, HTML 과 JavaScript 에 대한 경험이 전무하다면?
아래 동영상 강의로 예습하실 수 있습니다!

1. HTML 기초 강의
1) 생활코딩 기초강의 : https://www.opentutorials.org/course/2039
2) Codecademy : https://www.codecademy.com/learn/web

2. JavaScript 기초 강의
1) 생활코딩 기초강의 : https://www.opentutorials.org/course/743
2) Codecademy : https://www.codecademy.com/learn/javascript

결제 모듈 연동
결제 모듈 연동
SMS 발송 모듈 연동
SMS 발송 모듈 연동
데이터 크롤링 구현
데이터 크롤링 구현

실무 백엔드 개발을 모두 담은 프로젝트.

예시1. SOCKET.IO를 활용한
실시간 채팅서비스

예시2. Pinterest ui를 적용한
제품 리스트 페이지

예시3. 서비스 사용자(구매고객)
리뷰페이지

멘토처럼 여러분을 이끌어줄
강사님을 소개합니다
.

Node.js강사님사진

풀스택 웹 개발자 박준영

쇼핑몰 프로젝트라는 최종목표를 가진 수강생분들이 쇼핑몰의 각 기능과 실제 백엔드로 구현되는 전체 과정을 배워갈 수 있도록 도와드리겠습니다. 서비스 배포, 서버 확장 과정 등을 라이브로 보여드리면 여러분은 직접 타이핑하며 수업을 따라오시면 됩니다. 스스로 구현할 때의 어려움은 매 주 과제와 피드백을 통해 확인할 수 있고, 8주 뒤엔 많은 것을 얻어갈 수 있도록 해드리겠습니다.

박준영 강사님은 풀스택 개발자로 퍼블리싱부터 서버 구축까지 구현하며 수 많은 고객들의 서버를 관리하고 있습니다.

  • 핸드메이드 오픈마켓 – ATPLACE CTO 및 cofounder
  • AGCWEB – CTO
  • 프로젝트
    • 사이트 구축
      • (데상트, ING 생명 드림오렌지캠페인, RBW 엔터테인먼트, 뉴트리바이오텍 브랜드&웹, 유니세트 cfc 사이트 유지보수)

연속 조기마감한 베스트셀러 강의.

수강후기_이상옥3

한마디로 ‘node.js의 현실적인 기술’을 배우는 강의였습니다. 결제 연동 방법, 모바일에서 쇼핑몰에 어떻게 접속하고 테스트하는지, 아마존 클라우드 서비스에 도커를 설치해서 프로젝트를 배포하는 방법까지 현업에서 바로 사용할 수 있도록 실무 중심으로 알려줍니다. 저는 Go언어를 메인으로 사용하지만 이제는 언어 하나만으로는 현장에서 일할 수 없는 시대입니다. 지금은 node.js 개발자가 아니라고 해도 앞으로 경력에 큰 도움을 줄 거라고 생각합니다.
[스타트업 팀그릿 개발자 이상옥님 수강후기]

수강후기_이상옥3

Node.js를 가지고 서비스를 개발하였을 때 고려되어야 할 전반적인 것(Passport를 이용한 SNS 로그인, 암호화 처리, 크롤링, 서비스 배포 등)을 짧은 시간 내에 균형있게 학습했다는 면에서 좋았고, 주어진 강의 시간 내에 따라오지 못하는 수강생이 없도록 일일이 대응해준 강사님이 인상적이였습니다. 저의 경우 복습으로 제공된 개인 프로젝트를 진행했을 때, 유용한 툴 소개며 AWS, Docker 서비스 배포 훈련이 큰 도움이 되었습니다. 이 기회를 잘 활용해 강사님에게 다양한 질문을 해보시길 추천드립니다.
[영상협업 솔루션&서비스 소프트웨어개발 대표 남궁환식님 수강후기]

수강후기-조찬영

저는 전체적으로는 vscode를 통해 프로젝트 셋팅을 하는 것부터 AWS, Docker를 통해 프로젝트를 최종적으로 배포하는 과정까지 전부 경험해보았는데요. 이커머스 서비스를 구현해보고 전체적인 프로세스 이해를 통해 백엔드까지 배워보고 싶은 분들이라면 정말 좋은 선택이 될 것 같습니다. 특히, 백엔드가 낯선 분들에게 올바른 레퍼런스를 접할 수 있는 좋은 기회가 될 거라고 생각합니다. 강사님을 믿고 따라가 보세요.
[대학생 조찬영님 수강후기]

저는 개인 프로젝트로 모의 투자 플랫폼을 만들어 보았는데 무엇보다 제가 흥미를 가진 내용이었기에 강의에서 배운 내용을 적용해보고 응용해볼 수 있어서 이해하고 습득하는데 큰 도움이 되었습니다. 놀라운 건 강의에서 배웠던 내용만으로도 제가 구현하고 싶었던 거의 모든 것을 구현할 수 있었다는 점이었어요. – 5기 수강생 전상우님 수강후기 자세히보기

이 수업을 통해 앞으로 어떤 시스템이든지 논리적으로 잘 생각을 한다면 스스로 코드를 구현하여 적용시킬 수 있다는 자심감이 생겼습니다. 백엔드를 혼자 공부하기에는 내용이 너무 많고 막연했는데. 강의를 통해 많은 궁금증을 해결할 수 있었습니다. – 3기 수강생 장상현님 수강후기 자세히보기

개인 프로젝트는 물론 실제 서비스를 운영할 수 있을 정도로 웹 기술을 배우게 됩니다. 상당히 어려운 내용들로 강의가 진행되었지만 Github에 꼼꼼하게 정리된 코드들이 수업 커리큘럼에 맞춰 준비되어 있어서 예상치 못한 오류와 막히는 구간을 확인할 수 있었습니다. 이후에도 지속적으로 공부할 수 있도록 자료가 구성되어 있어서 많은 도움을 받았어요. 다른 개발자들이 인터넷에 올린 오픈소스를 포함해서, 자료들을 이해하고 수정할 수 있게 되었다는 점이 가장 큰 수확입니다. – 3기 수강생 정원봉님 수강후기 자세히보기

Node.js 로 백엔드 개발을 배울 수 있는 독보적 강의입니다. 결제 모듈이나 CRUD 와 같은 핵심적인 기능도 직접 실습을 통해 구현해볼 수 있었습니다. 강의에서 배운 점을 발전시켜 탄탄한 실력을 갖춘 개발자로 성장할 수 있을 것 같습니다. – 1기 수강생 권*님 수강후기 자세히보기

{ FASTCAMPUS COMMUNITY MEMBERSHIP }

패스트캠퍼스 오프라인 강의를 수강하셨다면!
별도의 가입절차없이 패스트캠퍼스 커뮤니티 멤버쉽 회원이 됩니다.
커뮤니티 멤버쉽은 수강 후 1년 동안 유지되며,
오직 멤버들만을 위한 비공개 스터디클럽, 네트워킹행사, 세미나 등 비정기적 행사에 모실 예정입니다.

수강료 안내.

[모집 마감! 출시알림 신청하기]

1,200,000원

# 할인가는 매주 목요일 자정에 변경됩니다.
# 본 강의는 결제순으로 마감되는 강의입니다.
# 할인가 적용 및 수강 확정은 결제일을 기준으로 합니다.
# 카드 12개월 무이자 할부 가능합니다.

출시알림 신청하기

강의장안내.

학습 지원 프로젝트

공부도 하고! 학습지원금도 받고!

*학습지원금(제세공과금 22% 차감 후 지급)은 강의마다 개인마다 상이할 수 있습니다.

학습 목표 1. 과제 및 학습노트 제출

-과제 형태: 매주 과제 제출.
-과제 제공 방식: 수업이 끝나는 시간에 맞추어 이메일로 제공.
-과제 제출 일정: 매주 일요일 24:00까지 폼스택으로 과제 제출. (과제 접수 여부는 폼스택 접수시간으로 판단됩니다)
-수강중 학습 콘텐츠 일정:
1주차: 의뢰 받을수 있는 페이지 만들어보기( CRUD연습 )
2주차: 페이지 네이션 구현해보기
3주차: 나의 프로필을 수정할수 있는 페이지 만들어보기
4주차: 구글로그인 또는 카카오 로그인 구현
5주차: 카카오페이 또는 네이버 페이 연결
6주차: 네이버 실시간검색 크롤링 해보기
7주차: 수업 배포연습 한번더 스스로 해보기
8주차: 내가 구현할 서비스 환경 구성도 그려보기

학습지원금을 받으려면?

미션을 모두 완료하면 신청페이지를 통해 신청 가능합니다.
다만, 강의 종료 후 30일 이내에 신청페이지를 통해서 신청해주셔야 합니다.
아래의 환급신청 링크로 신분증 사본 / 환급받을 통장사본을 제출 (반드시 본인 명의로만 가능)해 주세요.
결제한 수강료의 10% (환급 금액의 22% 제세공과금으로 차감) 를 드리며, 학습지원금은 개인마다 상이할 수 있습니다.

환불규정

* 학습지원금은 기수강생 할인만 중복 적용이 가능합니다. (기타 다른 이벤트와 중복 적용이 불가합니다.)
* 과제물이 허위로 작성되거나 표절일 경우 환급이 거절될 수 있습니다.
* 환불은 환불규정(https://www.fastcampus.co.kr/refund/)에 따라 진행됩니다. 규정에 의거하여 환불금액이 없을 수 있습니다.