- HTML을 이용한 화면에 UI 표현하기 브라우저에서 UI를 볼 수 있는 것은 이 HTML을 분석해서 보여줄 수 있다.이 HTML은 요소(Element)로 구성되어 있다.   - DOM이란? (Document Object Model) Window 객체 안에 Document 객체가 있다. => window.documentwindow 자체를 브라우저에서 제공하는 것이므로 window.document도 브라우저에서 제공하는 것이다.(자바스크립트 코드 안에 있지만 자바스크립트 코드가 아니다) DOM(문서 객체 모델)은 메모리에 웹 페이지 문서 구조를 트리구조로 표현해서웹 브라우저가 HTML 페이지를 인식하게 해준다. 또한 웹 페이지를 이루는 요소들을 자바스크립트가 이용할 수 있게끔브라우저가 트리구조로 만든 객..

ex) window.alert("hello"); Window Object가 굉장히 많은 기능들을 제공한다.사실 이것은 자바스크립트 객체가 아니고 브라우저에서 제공해주는 객체이다.window 객체는 브라우저에 의해 자동으로 생성되며, 웹 브라우저의 창(window)을 나타낸다. 이 window 객체를 이용하여1. 브라우저의 창에 대한 정보를 알 수 있고, 이 창을 제어하고 할 수도 있다. 2. var 키워드로 변수를 선언하거나 함수를 선언하면 이 window 객체의 프로퍼티가 나타난다.  - Window Object 사용 // Alertalert("Hello World");// Promptconst input = prompt();alert(input);// Confirmif (confirm("Yes or ..

- Loops : 자바스크립트에서 루프(Loop)를 사용하면 코드 블록을 여러 번 실행할 수 있게 해준다.  - 루프의 종류 1. for : 코드 블록을 여러 번 반복한다. - continue : 뒤에 부분을 생략하고 다시 앞으로 돌아가 반복.- break : 바로 끝내버리는 것. 2. for/in : 객체의 속성을 따라 반복한다. 여기서 x는 각 속성을 의미. - while : 지정된 조건이 true인 동안 코드 블록을 반복한다. - do/while while 루프의 변형이다.이 루프는 조건이 true인지 검사하기도 전에, 코드 블록을 한 번 실행한다.그리고 나서 조건이 true인 동안 루프를 반복한다.  - 배열을 Loop를 사용해서 컨트롤해주기 주로 배열을 컨트롤할 때, forEach, map을 많..

- 원시 타입 : Boolean, String, Number, null, undefined, Symbol(불변성을 가지고 있음)- 참조 타입 : Object, Array 기본적으로 Javascript는 원시 타입에 대한 값을 저장하기 위해 Call Stack 메모리 공간을 사용하지만참조 타입의 경우 Heap이라는 별도의 메모리 공간을 사용한다.이 경우 Call Stack은 개체 및 배열 값이 아닌 Heap 메모리 참조 ID를 값으로 저장한다.  - 원시 타입  - 참조 타입  - 자바스크립트는 동적 타입이다. Javascript는 느슨한 타입의 동적 언어이다.Javascript 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당 가능하다.let foo = 42;foo = "bar";foo..

- 호이스팅 : 무언가를 들어 올리거나 끌어 올리는 동작을 설명.Javascript에서 호이스팅은 코드가 실행되기 전에 변수 및 함수 선언(이름)이로컬 범위(유효 범위)의 맨 위로 들어올려지거나 끌어올려지는 경우를 설명. - var 선언문 호이스팅아래 예에서는 아직 생성하지 않은 뱐수에 대한 콘솔 로그를 사용하여 시작.그 다음으로 greeting이라는 변수를 선언하고 문자열 hello를 할당.코드가 실행되면 undefined가 반환된다.=> 이 코드가 에러를 발생시키지 않고 undefined를 반환하는 이유는 호이스팅 때문. Javascript 인터프리터는 변수 생성의 선언(var greeting) 단계 및 할당(= "hello") 단계를 분할.선언 부분은 코드가 실행되기 전에 현재 범위의 맨 위로 호이..

=> var의 유효한 참조 범위var 함수 레벨 스코프function func() { if(true) { var a = "a"; console.log(a); // a } console.log(a); // a}console.log(a);// undefinedfunc(); => let, const의 유효한 참조 범위let, const block 레벨 스코프function func() { if(true) { // block 내부 let a = "a"; console.log(a); // a } console.log(a); // undefined}