jsNote jsNote 01: async와 defer (1) 위처럼 head 안에 script가 들어있으면 html을 parsing하다가 script가 나오면 바로 js를 다운로드(fetching), 실행(executing)한다. 이후 남은 html을 parsing 하게 되므로 시간이 많이 소요될 수 있다. 다시 말해 parsing html - parsing blocked while fetching/executing js - parsing ht... jsNotejsNote jsNote 07: 배열 Array Q. 자료구조란? 비슷한 타입의 데이터(object)를 묶어서 한 곳에 보관해 놓는 것이다. js는 동적타입언어이므로 동일한 타입의 객체만 담지 않아도 되지만 그렇게 하는 것이 중요하다. 어떤 자료구조를 선택해야 검색, 삽입, 정렬, 삭제를 효율적으로 할 수 있는지 고려한다. 자료 구조 중 하나가 배열이며 배열 안에 박스, 박스 별로 0부터 시작하는 index가 있다. 1. Array dec... jsNotejsNote jsNote 02: 데이터 타입 let, val, const 1. variable (변수) ✔ let(ES6에 추가된 기능)으로 변수 선언 시 변수에 다시 값을 할당 할 수 있다. ✔ 어플리케이션을 실행하면 어플리케이션마다 쓸 수 있는 메모리가 할닫되는데, 이 메모리는 텅텅 비어져 있고 박스 하나에 name이라는 값을 저장하게 된다. 2. blockscope ✔ 코드를 블락 안에 작성하면 블락 밖에서 변수에 접근할 수 없다. ✔ 블락 밖에서 선언하면 ... jsNotejsNote
jsNote 01: async와 defer (1) 위처럼 head 안에 script가 들어있으면 html을 parsing하다가 script가 나오면 바로 js를 다운로드(fetching), 실행(executing)한다. 이후 남은 html을 parsing 하게 되므로 시간이 많이 소요될 수 있다. 다시 말해 parsing html - parsing blocked while fetching/executing js - parsing ht... jsNotejsNote jsNote 07: 배열 Array Q. 자료구조란? 비슷한 타입의 데이터(object)를 묶어서 한 곳에 보관해 놓는 것이다. js는 동적타입언어이므로 동일한 타입의 객체만 담지 않아도 되지만 그렇게 하는 것이 중요하다. 어떤 자료구조를 선택해야 검색, 삽입, 정렬, 삭제를 효율적으로 할 수 있는지 고려한다. 자료 구조 중 하나가 배열이며 배열 안에 박스, 박스 별로 0부터 시작하는 index가 있다. 1. Array dec... jsNotejsNote jsNote 02: 데이터 타입 let, val, const 1. variable (변수) ✔ let(ES6에 추가된 기능)으로 변수 선언 시 변수에 다시 값을 할당 할 수 있다. ✔ 어플리케이션을 실행하면 어플리케이션마다 쓸 수 있는 메모리가 할닫되는데, 이 메모리는 텅텅 비어져 있고 박스 하나에 name이라는 값을 저장하게 된다. 2. blockscope ✔ 코드를 블락 안에 작성하면 블락 밖에서 변수에 접근할 수 없다. ✔ 블락 밖에서 선언하면 ... jsNotejsNote