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

첫째 마당 WEB UI 화면

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

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

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

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

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

5장 | 논리적 사고, 조건문
5.1 실습 환경 설정
실습 폴더 생성
Visual Studio Code에서 폴더 열기
5.2 조건문
조건문이란
if 문이란
if 문의 사용 방법
5.3 if ~ else 문
양자택일 이것 아니면 저것
if ~ else 문의 기본 원리
입력한 수의 짝수/홀수 판별
입력한 점수의 합격 여부를 판별
중첩 분기문
5.4 if ~ else if ~ else 문
if~else if~else 문의 기본 원리
나이 판별
드라이브 포맷 여부 판별
학점 판별
5.5 switc..