![]()
* 이 글은 드림코딩 by 엘리님 유투브 https://www.youtube.com/channel/UC_4u-bXaba7yrRz_6x6kb_w 참고하였습니다. #1: 에 를 추가할 때 @1-1 순서 html 코드를 구문분석하다가 javaScript 코드를 만나면 잠깐 blocked 합니다. javaScript 코드를 fetching, executing을 거칩니다. 다시 html 코드를 구문분석합니다. @1-2 장, 단점 만약 js파일에 크기가 엄청크고, 인터넷이 엄청 느리다면, 사용자가 웹사이트에 접근하기까지 많은 시간이 소요됩니다. header에 script 코드를 넣는 것은 좋은 방법이 아닙니다. #2: 끝 부분에 를 추가할 때 @2-1 순서 html 코드를 구문분석합니다. javaScript 코드를..
![]()
* 이 글은 https://www.freecodecamp.org/news/javascript-new-features-es2020/ 번역하였습니다. ES2020 새로운 features들이 추가되었습니다. 우리들은 이 새로운 기능과 개선된 사양을 수용해야합니다. 무엇이 바뀌었는지 함께 알아봅시다. #1: BigInt BigInt는 이미 예상된 features 였고, 결국에는 추가되었습니다. BigInt는 개발자 들이 data들을 다루거나 가공할 때 훨씬 더 큰 정수표현을 할수 있게끔 허용해주는 것입니다. JavaScript에서 가장 정수를 표현할 수 있는 정도는 pow(2,53) -1 입니다. 그러나 BigInt는 그 이상을 넘어서 더 큰 정수를 표현할 수 있도록 해주는 유용한 기능입니다. 한가지 유의할 부..
![]()
DOM: 프로그래밍 언어가 웹사이트의 내용, 구조 그리고 스타일을 조작 수 있게 만들어주는 인터페이스 javaScript: 인터넷 브라우저 상의 DOM과 연결해주는 클라이언트 사이드 스크립팅 언어 조금 더 깊숙하게 DOM에 대해서 알아보자. DOM DOM에 대해서 알아보기 전에 DOM을 다루는 브라우저에 대해 잠시 짚고 넘어가자. 브라우저(browser): HTML과 CSS를 해석하는 프로그램이기 때문에 내용(contents), 스타일(style), 구조(structure)를 우리가 보는 페이지에 렌더링 하는 역할 브라우저는 서버로부터 파일(HTML, CSS, JavaScript, 이미지 파일 등)을 응답받아 렌더링 엔진의 HTML 파서와 CSS 파서에 의해 파싱되어 DOM, CSSOM 트리로 변환되고,..
![]()
함수를 당장 실행하지 않고 정확히 몇 초의 딜레이 후에 실행하고 싶을 쓰는 함수가 있다. 이것을 "Scheduling a call" 이라고 하는데 이것을 구현하기 위해 2가지의 메소드가 존재한다. 1. setTimeout 2. setInterval 이 두 메소드는 JavaScript 스펙의 일부가 아닌 Node js, 브라우저에서 제공되는 메소드들이라는 것을 꼭 명심하기 바란다. setTimeout, clearTimeout setTimeout: 일정 시간 간격 이후에 함수가 한번 실행 func|code: 실행을 위한 함수나 문자열, 주로 함수를 받는다. delay: 실행하기 전의 딜레이, ms단위로 이루어져 있다, (1000ms == 1 second), default 값은 0ms이다. arg1, arg2..
