프론트엔드부터 백엔드, DB 조작까지 자바스크립트로 구축 가능!

Javascript에서 vue.js 라이브러리와 node.js를 이용하여 서버와 프론트 영역을 개발할 수 있는 책으로, 프로그래밍을 경험하지 못한 사람들도 쉽게 볼 수 있도록 최소한의 문법을 설명하고 있다. 총 네 단계로, 클라이언트 구축을 시작으로 서버를 구축하고, 채팅과 쇼핑몰을 구축하며 혼자 웹 서비스를 뚝딱 만들 수 있다.

자바스크립트를 알고 있지만 잘 사용하지 못하는 입문자, 어디에 써야할지 모르는 개발자, 클라이언트 프로그램을 만들거나 서버 프로그램을 만들고 싶은 모든 사람들에게 도움이 될 내용이다.

수업시간에 우연히 들은 크롤러 매력에 빠져 창업하고 휴학한 후 패션 데이터 수집을 위한 쇼핑몰 크롤러와 크롤러 프레임워크를 개발하였다. 재미난 것을 만들고 싶어서 다양한 스타트업에서 교육 자료 공유 플랫폼, 화장품 추천 서비스 개발을 맡아 진행하였다. 코딩애플에서 파이썬으로 크롤러 만들기, node.js로 쇼핑몰 만들기 강사로 활동 중이며, (주)francosy에서 웹-서버 개발과 데이터 처리 및 분석을 담당하고 있다. 현재는 챗봇과 블록체인 기술에 관심이 많아 크롤러를 활용하여 로우 데이터 수집과 기술 연구를 하고 있다.

지금도 계속 재미있는 것들을 하려고 노력중이다.

설치// 개발 환경 설정
1. node.js 설치
2. MySQL 설치

PART 0. 필수 문법
1. 변수 생성
2. 데이터 타입
3. 데이터 형 변환
4. 비구조화 할당(Destructuring Assignment)
5. 조건문
6. 반복문
7. Array(배열) 고급 사용법
8. Object(객체) 고급 사용법
9. 전개 연산자(Spread Operator)
10. 함수와 화살표 함수
11. 클래스
12. 모듈 패턴

1단계// 클라이언트
PART 1. vue.js
1. vue.js 시작하기, vue 인스턴스 생성
2. 템플릿 문법
3. 데이터 바인딩
4. computed, watch, methods
5. 조건부 렌더링, 리스트 렌더링
6. 이벤트 핸들링
7. 라이프 사이클

PART 2. nuxt.js
1. nuxt.js 시작하기
2. pages
3. 설정 파일
4. 라우트
5. 레이아웃
6. 컴포넌트
7. Vuex store를 이용한 데이터 관리

2단계// 서버 만들기
PART 3. node.js
1. http 모듈과 서버 요청 테스트
2. 요청 객체, 응답 객체
3. GET, POST, 정적/동적 파일 제공
4. 서버 실행
5. npm과 package.json

PART 4. express
1. 라우팅
2. 미들웨어
3. express-generator
4. express와 nuxt.js 같이 사용하기

PART 5. node.js의 특징 - 비동기 패턴
1. 비동기(asynchronous) 패턴
2. 비동기 패턴 해결 - 콜백(callback)
3. 비동기 패턴 해결 - Promise
4. 비동기 패턴 해결 - async/await

PART 6. 데이터베이스
1. database의 이해 - ①
2. database의 이해 - ②
3. database의 이해 - ③
4. database의 이해 - ④
5. database 연동

PART 7. ORM을 이용한 데이터베이스 연동
1. ORM
2. 모델
3. 데이터 생성
4. 데이터 수정/삭제
5. 데이터 조회

PART 8. 알아두면 유용한 라이브러리
1. 이메일 보내기
2. 요청 모듈
3. 파일 업로드
4. 사용자 인증
5. 노드 버전 관리

PART 9. 소켓
1. 소켓 사용을 위한 설정
2. 다양한 형태로 소켓 서버 구축

3단계// 1차 프로젝트 채팅 구현
PART 10. node.js
1. 프로젝트 생성과 초기 세팅
2. 채팅방 입장
3. 채팅 구현 - 전체 채팅
4. 채팅 구현 - 귓속말
5. 채팅 구현 - 팀 채팅

4단계// 최종 프로젝트 쇼핑몰 구축
PART 11. 쇼핑몰 구축 - 관리자편
1. 프로젝트 생성과 서버 초기 세팅
2. 디비 모델링 - 모델 파일 생성
3. 제품 등록
4. 제품 리스트
5. 유저 리스트
6. 구매 리스트
7. 메인 페이지

PART 12. 쇼핑몰 구축 - 사용자편
1. 메인 페이지
2. 유저 관리 - 회원가입
3. 유저 관리 - 로그인
4. 제품 페이지
5. 마이페이지