선 조치 후 분석

Object + Literal and properties + Object 생성법 + Computed properties + Property value shorthand +Constructor + in operator + for in vs for of + Object.assign Object 1. one of the JavaScrip's data types. : 자바스크립트 데이터 타입의 한 종류 2. a collection of related data and/or functionality. : 관련있는 데이터 또는 함수의 모음 3. Nearly all objects in JavaScript ars instances of Object. : 자바스크립트에 있는 거의 모든 객체는 객체의 인스턴스이다. 1. L..

Class + Getter&Setter(게터&세터) + Fields (public, private) + Static + Inheritance - 상속 + 다형성 + 재정의 (Overridng) + instanceOf Class : 조금 더 연관있는 데이터를 모아놓는 '컨테이너' 같은 역할 class person { name; //속성 age: //속성 speak(); //행동 } '클래스'는 '속성(fields)'과 '행동(methods)'이 종합적으로 묶여 있는 것이다. 즉, 관련있는 변수나 함수를 묶어 놓은 것. 간혹 '속성(fields)'만 들어있는 클래스도 있는데, 이것을 '데이터 클래스'라고 부른다. 그리고 클래스 '내부적으로 보이는 변수'와 '밖에서 보일 수 있는 변수'를 나누기도 하는데, 이..

Function + Function declaration + Parameters + Default parameters + Rest parameters + Local scope + Return a value + Early return, early exit + Function expression + Callback function + anonymous function + named function + Arrow function 'procedural language'는 'Function'이 중요한 역할을 한다. 때로는 'sub-program'이라 불린다. program안에서 작은 program역할을 하기 때문이다. Function : Input을 받아서 Output을 하는 것. 1. Function은 프로그램..

연산 + String concatenation + Numeric operators + Increment and decrement operators + Assignment operators + Comparison operators + Logical operators + Equality + IF문 (조건문) + 반복문 + 삼항 연산자 1. String concatenation - 문자열 접합 // 1. String concatenation console.log('my' + 'cat'); console.log('1' + 2); console.log(`string literals : 1+2 = ${1+2}`); // ${}를 사용하면 안에 있는 변수값을 이용해서 결과를 얻어 온다. 2. Numeric opera..

데이터 타입 + let vs var + Constant + Backtick + Dynamic Typing 1. 변수의 선언과 할당 변수 : 변경될 수 있는 값 + rw(read/write)가 가능하다 let : ECMAScript(ES) 6에 추가된 변수 (* 요즘엔 ES6미만으로는 잘 사용하지 않는다고 한다.) 2. 변수의 범위(Scope) 블록 안에 있는 변수는 블록 하위에서는 사용할 수가 없다. 3. Global Scope (글로벌 변수) - 전역변수 반대로, 블록에 정의하지 않고 파일 안에다가 생성해서 쓰는 변수를 'Global Scope'라고 부른다고 한다. 'Global Scope'는 블록 안에서나 밖에서나 어디든지 이용 가능하다. JAVA에서의 'Static'과 비슷한 개념이라고 볼 수 있다..

콘솔에 출력, async와 defer 차이점 + Console API + use strict 1. Hello World! 작성 및 출력 아래 파일을 'main.js'로 저장 console.log('Hello World!'); 2. CMD를 통한 node실행 3. HTML과 연결하여 JavaScript 실행하기 위한 'index.html' 생성 및 결과 확인 여기서부터는 VSC만 사용하였다. 4. ★☆async 와 defer 차이점★☆ 1) head 안에 script가 들어가 있는 경우 브라우저가 한줄한 줄 한 줄 분석하며 Parsing 하면서 DOM으로 병합한다. Parsing 중에 script가 보이면 Parsing을 멈추고 Server로부터 필요한 script를 먼저 다운로드하여온다. 그리고 다시 P..