코드에서 작성한 변수 및 함수 선언이 코드의 상단으로 옮겨지는 것으로 자바스크립트는 실행시점에 변수와 함수에 대해서 호이스팅을 수행합니다.위 코드를 보면 첫 줄에서 a값에 대해 ReferenceError가 아닌 undefined가 출력됩니다. 왜냐하면 실행시점에 호이스
브라우저의 주요 기능은 사용자가 참고하고자 하는 웹사이트를 서버에 요청(request)하고 서버로부터 응답(response)를 받아 브라우저에 표시하는 것입니다. 즉, 사용자가 웹사이트에 접속 시 브라우저는 서버로부터 HTML, CSS, Javascript, Image
프로그래밍에서 scope란 변수의 유효범위를 나타내는 용어이다. Javascript는 Lexical scope를 따르고 있다는데 그럼 Lexical scope는 무엇일까?결론부터 말하면 Lexical scope는 함수를 어디서 선언하였는지에 따라 상위 스코프를 결정하는
margin과 padding 기준이 되는 border를 기준으로 내부 여백은 padding, 외부 여백은 margin
callback 함수로 비동기 처리를 하는 경우 callback hell이 형성되어 가독성이 떨어지거나 디버깅, 유지보수의 어려움이 있다. 이를 보환하기 위한 것이 Promise이다.Promise는 비동기 작업을 위한 자바스크립트 객체이다. Promise는 State와
자바스크립트의 비동기 처리란 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성을 의미합니다.제이쿼리 ajax 통신의 예입니다.getData() 함수는 https://domain.com/products/1 HTTP G
HTTP는 웹상에서 클라이언트와 서버 간에 요청/응답(request/response)으로 데이터를 주고 받을 수 있는 프로토콜입니다. 클라이언트가 HTTP 프로토콜을 통해 서버에게 요청을 보내면 서버는 요청에 맞는 응답을 클라이어트에 전송합니다. 이 때 HTTP 요청에
자바스크립트 함수는 호출될 때, 매개변수로 전달되는 인자값 이외에도, arguments 객체와 this를 암묵적으로 전달 받는다.자바스크립트의 this는 Java와 this와 다르다.Java에서의 this는 인스턴스 자신(Self)을 가르키는 참조변수이다. this가
Event Loop what the heck is the event loop anyway 이벤트 루프에 대한 유튜브 영상이다. 짧은 영상이지만 정말 좋은 영상같다. 영상을 보고 정리해보았다. 위 사진 처럼 자바스크립트 개발을 진행하다보면 다양한 용어들을 접한다.
Web Storage Web Storage의 두가지 방식 = 웹 스토리지 객체(web storage object) = LocalStorage와 SessionStorage LocalStorage와 SessionStorage는 HTML5에 추가된 저장소입니다. 간단한 키
REST는 Representational State Transfer의 약자입니다. 핵심은 Representational State, 번역하면 대표적인 상태. 이때 이야기하는 상태는 서버가 가지고 있는 리소스의 상태입니다.즉, REST는 통신을 통해 자원의 표현된 상태를
Javascript는 흔히 프로토타입 기반 언어(prototyped-base language)라 불린다. 모든 객체들이 메소드와 속성들을 상속받기 위한 템플릿으로써 프로토타입 객체(prototype object)를 가진다는 의미이다. 프로토타입 객체도 또 다시 상위