백엔드 입문자를 위한 모던 자바스크립트Node.js

이창현

컴퓨터공학을전공하고20여년간다양한산업체에서SW개발자로활동하였다.최근에는AI활용솔루션및데이터보안연구에관심이많으며평소에도연구한기술을정리하고소통하는것을좋아한다.이러한성격탓에집필,번역,강의등의여러활동을통해독자및학생들과소통을하고있으며특히미래의IT개발자를꿈꾸는학생들을교육하는일에주력하고있다.
현재는성신여자대학교융합보안공학과겸임교수로재직중이며,이창현코딩연구소의대표로활동하고있다.
대표저서:『나혼자C언어』(디지털북스,2021),『나혼자파이썬』(디지털북스,2020),『C#프로그래밍의정석』(혜지원,2019)등총9권.
번역서:『스파크를이용한자연어처리』(한빛미디어,2021),『데이터익명화를위한파이프라인』(한빛미디어,2022)

첫째마당WEBUI화면

1장|자바스크립트개발준비
1-1자바스크립트란
자바스크립트의시작
자바스크립트라는이름의이야기
인터넷익스플로러등장
자바스크립트와ECMAScript
자바스크립트라이브러리의등장
자바스크립트의독립
왜ES6인가?
1-2Node.js와npm
Node.js와npm개념
Node.js와npm설치
명령프롬프트로Node.js확인
1-3VisualStudioCode
코드편집기선택
VisualStudioCode란
VisualStudioCode다운로드및설치
VisualStudioCode실행
1-4VisualStudioCodeExtension
VisualStudioCodeExtension이란
openinbrowser
CodeRunner
1-5브라우저
전세계웹브라우저점유율
크롬브라우저설치
크롬의개발자도구

2장|간단한웹UI생성
2.1실습환경설정
실습폴더생성
VisualStudioCode에서폴더열기
2.2프론트엔드의구성요소
프론트엔드의기본언어
페이지의뼈대를이루는HTML
화면을멋지고깔끔하게만드는CSS
화면을역동적으로만드는자바스크립트
2.3HTML과CSS의문법정리
HTML이란
HTML과기본태그
HTML로로그인화면구성
CSS란
태그선택자
아이디선택자
클래스선택자
2.4부트스트랩
부트스트랩이란
부트스트랩사용방법
테이블
버튼
내비게이션바
2.5웹UI생성
부트스트랩Examples다운로드
sign-in페이지코드가져오기
코드수정

둘째마당자바스크립트문법

3장|데이터의재료,변수와자료형
3.1실습환경설정
실습폴더생성
VisualStudioCode에서폴더열기
3.2변수
변수의정의
자바스크립트에서의변수
변수의사용법
변수끼리의복사
3.3변수이름짓기
변수이름사용규칙
사용가능변수와사용불가한변수
3.4자료형
자료형이란
자료형의종류
3.5숫자형
숫자형이란
정수
실수
NaN
3.6문자열형
문자열생성
문자열의길이구하기
큰따옴표와작은따옴표의혼용
3.7불리언형
변수이름사용규칙
3.8null과undefined
null값
undefined값
null과undefined의차이
3.9오브젝트형
오브젝트형의특징
콜스택과메모리힙
원시형과오브젝트형의값저장구조
참조형의변수선언과할당

4장|재료들의조합,연산자
4.1실습환경설정
실습폴더생성
VisualStudioCode에서폴더열기
4.2산술연산자
더하기,빼기,곱하기,나누기,나머지,거듭제곱연산자
더하기연산자의특별한기능
빼기,곱하기,나누기연산자의특별한기능
4.3할당연산자
기본할당연산자
복합할당연산자
4.4증감연산자
증가연산자
감소연산자
4.5비교연산자
비교연산자의종류
비교연산의기준
동등연산자와일치연산자
서로다른타입끼리비교
null과undefined의비교
조건부연산자
4.6논리연산자
논리연산자의종류
논리연산자의진리표
&&연산자의기본원리
&&연산자의단축평가
||연산자의기본원리
||연산자의단축평가
!연산자의기본원리
nullish병합연산자‘??’
4.7연산자우선순위
연산의우선순위와결합순서

5장|논리적사고,조건문
5.1실습환경설정
실습폴더생성
VisualStudioCode에서폴더열기
5.2조건문
조건문이란
if문이란
if문의사용방법
5.3if~else문
양자택일이것아니면저것
if~else문의기본원리
입력한수의짝수/홀수판별
입력한점수의합격여부를판별
중첩분기문
5.4if~elseif~else문
if~elseif~else문의기본원리
나이판별
드라이브포맷여부판별
학점판별
5.5switch~case문
switch~case문의기본원리
문자열데이터처리
휴대폰단축키알고리즘작성
카페의키오스크알고리즘작성
학점판별

6장|합리적인사고,반복문
6.1실습환경설정
실습폴더생성
VisualStudioCode에서폴더열기
6.2반복문
반복문을사용하는이유
6.3for문
for문의기본원리
for문의기본코드
별표10개출력
1월부터12월까지출력
2의배수출력
1부터10까지의합출력
구구단2단출력
사용자로부터입력받은구구단출력
배터리충전상태출력
for문의구성요소생략가능(무한반복)
반복문을이용한배열핸들링
배열의데이터동적추가
6.4while문
while문의기본원리
1월부터12월까지출력
1부터10까지의합출력하기
사용자로부터입력받은구구단출력
6.5고스톱(break문과continue문)
멈추거나계속하거나
반복문을빠져나오는break
다음반복으로넘어가는continue
반복문의중첩
레이블사용하기

7장|필요할때호출,함수
7.1실습환경설정
실습폴더생성
VisualStudioCode에서폴더열기
7.2함수
일반적인함수의개념
함수를사용하는이유
함수의종류
7.3함수의정의형식
함수의구성
함수의작성
7.4지역변수,전역변수,매개변수
지역변수
지역변수의생명주기
전역변수
매개변수
매개변수도지역변수다
매개변수를사용하는이유
7.5함수의기본값과리턴값
호출부와선언부의매개변수불일치
매개변수의기본값설정
매개변수의기본값설정기능이없을경우
함수의리턴값
return만사용하는경우
7.6함수표현식
함수선언식이란
함수표현식이란
함수포인터의개념
함수표현식을사용하면좋은점
함수를변수에복사하기

8장|사건해결,이벤트와이벤트리스너
8.1실습환경설정
실습폴더생성
VisualStudioCode에서폴더열기
8.2이벤트
이벤트의개념
이벤트의종류
8.3이벤트리스너
이벤트리스너란
HTML태그의속성으로이벤트처리하는방법
자바스크립트영역에서이벤트처리하는방법
addEventListener로이벤트등록하는방법
removeEventListener로이벤트삭제하는방법
8.4이벤트객체
이벤트객체란
이벤트객체의속성및메소드
객체형의이벤트핸들러
8.5콜백함수
콜백이란
콜백함수의원리
콜백함수생성
이벤트리스너와콜백함수

9장|ES2015+문법
9.1실습환경설정
실습폴더생성
VisualStudioCode에서폴더열기
9.2변수(let,const)
기존의변수사용
let키워드
상수의개념
const키워드
템플릿문자열이란
9.3템플릿문자열
백틱안에서의개행
백틱안에서의따옴표사용
9.4객체
객체란
객체생성방법
객체의구성
객체리터럴
객체의프로퍼티동적추가및삭제
객체의프로퍼티수정
객체의프로퍼티와메소드
대괄호표기법
계산된프로퍼티
단축프로퍼티
for~in반복문
9.4화살표함수
화살표함수의기본형식
화살표함수의매개변수가하나인경우
화살표함수의매개변수가하나도없는경우
9.5비구조화할당
비구조화할당이란
배열구조분해
배열의변수값변경
배열의기본값설정
일부요소값무시
배열의나머지요소가져오기
배열끼리결합
객체구조분해
객체기본값설정
객체의나머지요소가져오기
9.6프로미스
콜백지옥
프로미스란
프로미스의기본코드
비동기작업코드추가
프로미스의체이닝
프로미스작업수행실패시처리
프로미스코드개선및정리


셋째마당Nodejs기반서버

10Node.js시작
10.1Node.js
Node.js란
V8엔진이란
Node.js의탄생배경
10.2서버
서비스를제공하는컴퓨터,서버
아이피
포트
10.3Node.js로서버를만드는이유
웹서버개발에최적화되어있는Node.js
http모듈기반의웹서버제작
이벤트기반
Non-blockingI/O기반
서버가아닌Node.js
10.4express기반의웹서버생성
package.json파일생성
express설치
express를사용한간단한서버코드작성하기
10.5기본적인GET요청처리
GET요청처리루틴
10.6서버에서HTML파일전송
send함수의한계
파일전송sendFile함수
부트스트랩적용

11장|MySQL연동
11.1데이터베이스
데이터와정보
파일의사용
표의구조등장
데이터베이스의등장
DBMS의종류
데이터베이스의분류
11.2MySQL설치
MySQL다운로드
MySQL설치시작
MySQL동작실행
11.3스키마와테이블생성
데이터베이스의기본구조
스키마생성
테이블생성
11.4SQL문과CRUD
CRUD란
데이터추가
데이터조회
데이터수정
데이터삭제
11.5테이블분리및조인
관계형데이터베이스가필요한이유
테이블분리
테이블조인
11.6MySQLWorkbench활용
MySQLWorkbench실행
테이블조회및데이터수정
SQL파일저장및열기
새로운스키마생성
새로운테이블생성
11.7MySQL과Node.js연결
node-mysql설치
Node.js와MySQL연동코드작성
/list요청시데이터조회

12장|몽고DB연동
12.1몽고DBAtlas사용
몽고DB란
몽고DB의종류
몽고DB의특징
몽고DBAtlas