260909_Js_ch15-16

ch15. 자바스크립트 입문

• 다양한 활용
  - 웹 개발을 위한 React, Angular, Vue.js 프레임워크
  - 그래픽 활용 : D3.js
  - DOM 조작 위한 jQuery 라이브러리
  - Node.js : js를 백엔드 개발에서 사용할 수 있도록 만든 실행 환경
• 웹 문서 안에 <script> : 태그는 어디든 위치 가능 (보통 body 태그 마지막에 삽입함)
• 외부 파일 : <script src="파일 경로"></script>
• 웹 브라우저에서 스크립트 해석하는 과정 : <!DOCTYPE html> 보고 웹문서 인식 → html 태그 사이 내용 읽음. 태그의 순서와 포함 관계 등 → 태그 분석 이후 style 정보 읽음 → script 태그 만나면 웹 브라우저 안의 자바스크립트 해석기에게 js 코드 넘김. js 해석기는 코드 해석해줌 → html과 css 분석한 정보에 따라 웹에 표시 → 분석해둔 js 실행하여 결과를 화면에 표시
• alert : 알림창 출력
• confirm : 확인창 출력
• prompt : 텍스트 필드 있는 창 출력(사용자에게 입력받음) → 입력받은 건 문자열로 취급됨
• document.write() : 웹 화면에 출력 담당
• console.log() : 콘솔 창에 출력
• js 코딩 컨벤션 : 들여쓰기, 세미콜론으로 문장 구분, 공백, 변수명 식별자(첫글자로 숫자 안됨) 등

ch16 JS 기본 문법

• 변수 선언 let
• 상수 선언 const

자료형

• 특수 문자는 백슬래시 \ 다음에 입력해서 사용
• template literal : 백틱 안에 {} 이용
• BigInt : 아주 큰 정수 나타냄. 숫자 끝에 n 붙여서 표시
• 자료형 변환 함수 : Number(), parseInt(), parseFloat(), String(), Boolean()
• undefined, null

연산자

• == / != : 피연산자의 자료형 자동으로 변환하여 비교 (숫자 3과 문자열 3은 같은 것으로 취급)
• === / !== : 피연산자의 자료형 변환하지 않음
• 논리 연산자 : || , && , !

조건문

• (조건) ? true일 때 실행 : false 일 떄
• switch 문

반복문
do-while문

do {
	...
} while (조건)

• 조건 상관없이 명령 한번 실행 후 while에서 조건 체크함. 즉 조건이 false라도 명령은 최소한 한번은 실행됨