혼자 공부하는 자바스크립트
1.01 자바스크립트
자바스크립트 / 알아두어야 할 기본 용어, 주석, 기본적인 출력 방법, 오류 확인하기, VSCode 관련
2.02-1 자바스크립트 기본 자료형
자료(data) : 프로그램이 처리할 수 있는 모든 것 자료형(data type) : 자료 형태에 따라 나눠 놓은 것
3.02-2 자바스크립트 상수와 변수
상수 : 자료에 이름을 붙이는 것 → '항상 같은 수'라는 의미로 값에 이름을 한 번 붙이면 값을 수정할 수 없음. const 키워드로 다음과 같이 선언 변수 : '변할 수 있는 수'로 값 수정 가능. let 키워드 사용. 같은 이름으로 선언 불가
4.02-3 자바스크립트 자료형 변환
문자열 입력과 자료형 변환
5.03 자바스크립트 조건문
if 조건문 조건에 따라 코드를 실행하거나 실행하지 않도록 하기위해 사용하는 구문 / switch 조건문 / 조건문 연산자 / 짧은 조건문
6.04-1 자바스크립트 배열
배열 : 여러개의 변수를 한 번에 선언해 다룰 수 있는 자료형배열 만들기 \[요소,요소,요소,요소, ···](4) → 요소 개수 / '여러가지', 10, '하찌', 1 → 요소
7.04-2 자바스크립트 스택, 힙, 비파괴적 처리, 파괴적 처리
스택(Stack) : 기본 자료형과 주소 등을 저장하는 메모리 공간 / 힙(Heap) : 복합 자료형을 저장하는 메모리 공간 / 원본이 변경되었다 → 파괴적 처리, 원본이 변경되지 않았다 → 비파괴적 처리
8.04-3 자바스크립트 for 반복문
for 반복문 특정 횟수만큼 반복하고 싶을 때 사용
9.04-4 자바스크립트 while 반복문
while반복문 조건을 기반으로 반복할 때 사용
10.05-1 자바스크립트 함수의 기본 형태
함수 : 코드의 집합 / 함수의 자료형 : function / 함수호출 : 함수를 사용하는 것
11.05-2 자바스크립트 함수의 기본 형태 2
API : Application Programming Interface(약속) → 애플리케이션 프로그램을 만들 때의 약속 나머지 매개변수, 전개 연산자, 기본 매개변수
12.05-3 자바스크립트 함수 고오급 콜백함수
콜백 함수 : 매개변수로 전달하는 함수 / 화살표 함수 : 익명 함수를 간단하게 사용하기 위한 목적으로 만들어진 함수 생성 문법 / 콜백함수를 활용하는 함수 forEach(), map(), filter()
13.05-4 자바스크립트 함수 고급 타이머, 즉시 호출 함수(IIFE), 엄격 모드
타이머 함수 : setTimeout(), setInterval(), clearTimeout(), clearInterval() / 즉시 호출 함수 IIFE / 엄격 모드 strict mode
14.05-5 자바스크립트 함수 선언적 함수, 익명 함수
익명 함수 : 무조건 위에서 아래로 읽어지면서 만들어짐 / 선언적 함수 : 전체 코드를 읽기 전에 선언한 순서대로 만들어짐/ 자바스크립트에서 선언적 함수를 안 쓰는 이유
15.06-1 자바스크립트 객체의 기본
객체 : 추상적인 의미로 이름과 값으로 구성된 속성을 가진 자바스크립트의 기본 데이터 타입 / this키워드 / 배열과 객체 비교 / 객체 속성 추가와 제거
16.06-2 자바스크립트 객체의 속성과 메소드
기본 자료형과 객체 자료형 / 객체 자료형의 일시적 승급 / 프로토타입
17.06-3 자바스크립트 다양한 메소드
Number 객체 - toFixed() 소수점, Number.isNaN(), Number.isFinite() 무한 / String 객체 - trim() 공백 제거, split() 구분 / Math 객체의 속성과 메소드
18.06-4 자바스크립트 외부 script 파일 읽어들이기
외부 script 파일 읽어들이기 / 외부 라이브러리
19.06-5 자바스크립트 객체와 배열 고급
객체 기본값을 지정 / 객체 기본 매개변수 지정 방법 / 객체 속성 일괄 추출하기
20.07-1 자바스크립트 문서 객체 모델
DOM : 자바스크립트를 활용해서 html요소를 조작할 수 있게 하는 방법. 그 방법을 모아둔 개체들의 집합 / DOMContentLoaded
21.07-2 자바스크립트 문서 객체 가져오기
입력한 선택자와 일치하는 문서 내의 첫 번째 element를 반환한다. 일치하는 요소가 없다면 null을 반환한다. document.querySelector(선택자)선택자 부분에는 CSS선택자를 입력querySelector()가 한 개의 요소를 반환했다면, quer
22.07-3 자바스크립트 문서 객체 조작하기
문서객체.textContent : 입력된 문자열을 그대로 넣음문서객체.innerHTML : 입력된 문자열을 HTML 형식으로 넣음실행 결과일반적으로 textContent 속성을 많이 사용innerHTML 속성은 보안적으로 문제가 될 수 있어 많이 사용하진 않음문서객체.
23.07-4 자바스크립트 문서 객체 생성, 제거, 이동
document.createElement(문서객체이름) : 문서 객체를 생성할 때 쓰는 메소드객체를 만들었다고 해서 배치까지 되진 않기 때문에 문서를 어떤 문서 아래에 추가할지 지정해 주어야 한다.어떤 문서 객체가 있을 때 위에 있는것이 부모, 아래있는것을 자식이라고
24.07-5 자바스크립트 문서 객체 이벤트 기본
이벤트를 실행하는 메소드문서객체.addEventListener(이벤트이름, 이벤트리스너(이벤트핸들러))이벤트가 발생할 때 실행할 함수를 이벤트 리스너 또는 이벤트 핸들러라고 부름문서객체.removeEventListener(이벤트이름, 이벤트리스너)실행 결과
25.07-6 이벤트 객체, 이벤트 발생 객체, 기본 이벤트
키가 눌릴 때 실행 키보드를 꾹 누르고 있을때도, 입력될 때도 실행키가 입력되었을 때 실행키보드에서 키가 떨어질 때 실행→ keydown과 keypress는 웹 브라우저에 따라 아시아권 문자(한국어, 중국어, 일본어)를 제대로 처리하지 못하는 문제가 있어 일반적으로 k