undefined

작동원리 HTML이 파싱 중에 script 태그를 만나면 파싱을 일시적으로 멈추고 script를 로드한다. script의 위치 및 설정에 따라 파싱진행 과정이 달라지게 된다. *파싱 : 브라우저가 코드를 이해하고 사용할 수 있도록 DOM tree구조로 변환시키는 것 [위치에 따른 분류] 설정이 없는 상태를 전제한다. 맨위 자바스크립트의 패치와 실행이 된 후 html 파싱이 진행되기 때문에 비교적 느리다. 맨아래 HTML 파싱이 완료된 이후에 자바스크립의 패칭과 실행이 된다. 다만 HTML이 로드 되었지만 자바스크립트가 아직 로드가 되지 않은 경우 브라우저의 화면구현은 완료되었지만 JavaScript기능은 작동하지 않는다. [설정에 따른 분류] script 태그의 속성에 추가하여 사용 위치에 상관없다. a..

1. 변수란 무엇인가 변수는 값을 저장하기 위한 메모리 공간 또는 그 공간을 식별하기 위한 이름을 말한다. 선언에 의해서 변수는 정의된다. 2. 변수의 선언이란 변수의 선언이란 변수를 생성하는 것을 뜻하며 변수를 생성하는 것은 변수를 위한 메모리 공간의 확보 & 메모리 공간의 주소연결을 위한 준비작업을 뜻한다. *자바 스크립트에서의 대표적인 변수는 선언 키워드는 var const let 이 존재한다. ES5 var = 함수 레벨 스코프 ES6 const , let = 블록 레벨 스코프 ES6란 ES5의 기능의 호환성을 유지하면서 새로운 기능을 추가한 것이므로 var는 현재에도 작동한다. 3. 변수 선언 이후에 대하여 변수가 선언이 되면 변수를 위한 메모리 공간이 확보되고 정해진 변수명으로 메모리 주소가 ..

1. 프로그래밍이란? 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션 문제해결능력이 중요! => 컴퓨팅 사고를 요함 과정: 요구를 분석 => 자료구조와 함수의 집합으로 변환 => 흐름제어 2. 프로그래밍 언어 사람이 기계에게 명령을 내리기 위한 과정의 복잡함을 해결해 주기 위하여 프로그래밍 언어가 등장 일종의 번역기인 컴파일러 혹은 인터프리터에 프로그래밍 언어로 명령을 전달하면 컴파일러 혹은 인터프리터는 명령을 기계어로 번역하여 컴퓨터에게 전달한다. 사람 =(프로그래밍언어)=> 컴파일러 or 인터프리터 =(기계어)=> 컴퓨터 . 3. Ajax 비동기적 자바스크립트와 XML의 줄임말 과거의 웹페이지는 HTML파일을 서버로부터 받아 전체를 렌더링하는 방식을 사용함 => 화면이 전환되면 다시 처음부터 렌더링을 ..

1. class를 사용하는 이유? - class를 사용하면 class 중괄호 속에서 일반 생성자 함수보다 더 쉽게 method 관리 가능 - class를 사용하지 않으면 일반 생성자 함수를 사용할 때 prototype안에 일일이 만든 method를 넣어줘야함 2. constructor는 무엇인가? - class로 새로운 객체를 생성할 때마다 자동으로 실행된다. 3. extends는 무엇인가? - 상위의 클래스를 지정함으로써 상위 클래스를 참조 받을 수 있다. 4. super는 무엇인가? - 상위 클래스의 constructor요소를 자신의 constructor에서 참조할 수 있다. - 하위 클래스 constructor안에서 this를 쓰기 위해선 super지정이 필수! - extends와 함께 쓰인다. 5..

api = 다른 곳의 데이터를 구하기 위한 통로 api에 데이터 전송 => 원하는 데이터를 얻음 api는 대부분 json // 소수 XML(구식) 1. json의 형식 무조건 "" // (not '') {"asd" = "ddd"} 2. json.value의 종류 object, array, string, number, boolean, null (undefined 없다!XXXX) 3. json js json.parse // json => js json.stringfy // js => json XML 써보기! (잘 안쓰는 방식) arrow 안되고, Promise 안됨* btc 가격 API를 활용한 예) const req = new XMLHttpRequest(); req.onload = function () {..

1. 들어가기 이전 - 자바스크립트는 single thread *single thread = 한번에 한줄씩 코드가 실행됨 - 컴퓨터는 stack구조로써 콜백함수를 중첩적으로 이용하면 성능이 저하되어 UX에 좋지 않다. *stack = 값의 후입 선출 - single thread, 콜백중첩함수의 보완 => 비동기식 함수! 1. 비동기식 함수란? 코드의 값이 나올때 까지 기다리지 않고 브라우저에 코드를 보내면 브라우저가 대신 값을 처리해주고 그 값을 받아온다. 그 동안 다음 코드를 실행한다. 대표적인 내장형 비동기식 함수는 setTimeout() 이 있다. ex) 1 실행 => 2 의 코드를 브라우저에 보냄 => 3실행(브라우저 10초 세는중) => 2 실행 console.log() // 1 setTimeo..