자바스크립트로 서버와 클라이언트 구축하기 (node.js로 구현하는 서버 / nuxt.js로 구현하는 클라이언트)

박정태

저자박정태
우연히수업시간에들은크롤러매력에빠져창업하고휴학하여패션데이터수집을위한쇼핑몰크롤러와크롤러프레임워크를개발하였다.재미난것을만들고싶어다양한스타트업에서교육자료공유플랫폼,화장품추천서비스,의류반품/주문/리오더시스템과웹서비스를개발하였다.코딩애플에서파이썬으로크롤러만들기,node.js로쇼핑몰만들기강사로활동중이며,다양한교육활동으로블록체인시스템인SmartContract를활용한dApp만들기를진행하고있다.

현재(주)Glosfer의기술개발본부팀에있으며블록체인기술을연구/개발하고있다.

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

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

1단계//클라이언트

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

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

2단계//서버만들기

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

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

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

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

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

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

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

3단계//1차프로젝트채팅구현

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

4단계//최종프로젝트쇼핑몰구축

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

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

JavaScript의끝을알수없는활용서!

이책은저자가공부하던방식으로설명이시작된다.그러므로문법위주의딱딱한설명이아닌,모듈을활용하고프로젝트로마무리하면서프로그래밍에재미를느낄수있도록해준다.필요한문법만으로채팅과쇼핑몰을직접만들어보면서개념까지잡을수있는따라하기방식으로기본적인개념만알고있다면프로젝트를진행하는데큰어려움은없다.

이책을따라하기위해필요한예제파일은정보문화사홈페이지(infopub.co.kr)자료실에서다운로드가능하며,궁금증은저자홈페이지에서피드백(blog.naver.com/pjt3591oo)가능하다.