인터넷 익스플로러파이어폭스사파리크롬오페라등....사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시한다. 대부분 자원은 HTML 문서이지만, PDF나 이미지 등의 형태일 수도 있다. 자원의 주소는 URL(Uniform Resource Identifier)에 의해 정
호이스팅은 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 위치하도록 하는 것이다.자바스크립트 함수는 실행되기 전에 함수 안에 필요한 변수값들을 모두 모아서 유효 범위 최상단에 선언한다.자바스크립트의 파서(parser)가 함수 실행 전 해당 함
클로저란 독립적인 (자유)변수를 가리키는 함수이다. 클로저 안에 정의된 함수는 만들어진 환경을 기억한다.쉽게 말해, 함수 내에서 함수를 정의하고 사용하면 클로저이다. 하지만 대부분 정의한 함수를 리턴하고 사용은 바깥에서 하게 된다. 위에서 정의한 getClosure()
HTTP는 웹 상에서 클라이언트와 서버 간에 요청/응답으로 데이터를 주고 받을 수 있는 프로토콜이다. HTTP 요청에는 HTTP 메소드가 포함된다. HTTP 메소드는 서버가 요청을 수행하기 위해 해야할 행동을 표시하는 용도로 사용한다. HTTP 메소드 중 가장 일반적인
position 속성은 엘리먼트가 브라우저 화면에 어떻게 배치되는가를 결정한다. position을 이용해 부모 엘리먼트에 구애받지 않고 엘리먼트를 자유롭게 배치시킬 수 있다. 기본값은 static이며 relative나 absolute, fixed 등으로 변경이 가능하다
margin은 object와 화면과의 외부여백을 의미한다. 정의된 요소 주위에 공간 여백을 늘려준다. length : px, pt, cm, %와 같은 수치값을 입력할 수 있다.auto : 수평을 기점으로 자동으로 양옆 속성을 균등하게 맞춰준다.inherit : 부모 요
this는 함수 호출 방식에 의해 결정된다.자바스크립트의 함수는 호출될 때, 매개변수로 전달되는 인자값 외에도 arguments객체와 this를 암묵적으로 전달 받는다.arguments 객체함수에 전달된 인수에 해당하는 Array 형태의 객체이다.MDN 참고자바스크립트
Web Storage란 HTML5부터 제공하는 기능으로, 해당 도메인과 관련된 특정 데이터를 서버가 아니라 클라이언트 웹브라우저에 저장할 수 있도록 제공하는 기능이다. 쿠키(cookie)와 비슷한 기능이다.WebS Storage의 개념은 키/값 쌍으로 데이터를 저장하고
Application Programming InterfaceAPI는 애플리케이션 소프트웨어를 구축하고 통합하기 위한 정의 및 프로토콜 세트다. API를 사용하면 구현 방식을 알지 못해도 제품 또는 서비스가 서로 커뮤니케이션 할 수 있으며, 애플리케이션 개발을 간소화해
웹 페이지는 3가지 언어를 이용해 작성된다.HTML, CSS, JavaScript이다. HTML은 웹 페이지의 구조와 내용을, CSS는 웹 페이지의 모양, JavaScript는 웹 페이지의 동적 변경과 응용 프로그램을 작성한다.자바스크립트는 웹을 풍부하게 만들어주는 작
(자바스크립트는 코드 실행, 이벤트 수집과 처리, 큐에 놓인 하위 작업들을 담당하는 이벤트 루프에 기반한 동시성 모델을 가지고 있다. )스레드(thread) : 프로세스 내 실행 단위. 하나일 경우 싱글 스레드(Single thread), N개일 경우 멀티 스레드(Mu
이벤트 등록이란 웹 애플리케이션에서 사용자의 입력을 받기 위해 필요한 기능이다. addEventListener() 웹 API는 화면에 동적인 기능을 추가하기 위해 자연스럽게 접하게 되는 기본적인 기능이다. 사용자의 입력에 따라 추가 동작을 구현할 수 있다. 그렇다면 브
MS에서 개발하고 관리하는 오픈소스 프로그래밍 언어로 어떤 브라우저나 호스트, 운영체제에서도 동작한다. 타입스크립트는 자바스크립트의 상위 집합으로서 ECMA의 최신 표준을 충분히 지원한다. 타입스크립트는 ES5를 포함하는 집합이기 때문에 기존의 ES5 자바스크립트 문법
실행 컨텍스트는 scope, hoisting, this, function, closure 등의 동작원리를 담고 있는 자바스크립트의 핵심원리이다. 쉽게 말해 실행 컨텍스트란 실행 가능한 코드가 실행되기 위해 필요한 환경이다. 실행코드란 '전역 코드(: 전역 영역에 존재하
JavaScript는 대부분 비동기 방식으로 처리 요청을 받으면 알려만 주고 바로 다음으로 넘어간다. 이러한 비동기 처리방식으로 인한 문제가 발생하는 경우가 생긴다. 예를 들면, 서버 쪽으로 요청을 보내고 결과 값을 받아온 후 화면을 출력해야 하는 작업이지만, 비동기
Multiple Page Application사용자가 페이지를 요청할 때마다 웹 서버가 요청한 UI와 필요한 데이터를 HTML로 파싱해서 보여주는 방식의 웹 어플리케이션이다. 사용자가 사소한 요청을 하더라도 매번 전체 페이지를 렌더링 해줘야 한다.SEO(Search E
require와 import 모두 외부 라이브러리를 불러오는 코드이다.두 개의 키워드 모두 하나의 파일에서 다른 파일의 코드를 불러온다는 동일한 목적을 가지고 있다. 자바스크립트 자체(commonJS)가 지원하는 패키지 읽는 방법이다.ES6에서 사용하는 새로운 패키지
Sass, SCSS는 웹에서 직접 동작할 수 없다. 최종적으로 표준 CSS로 동작해야 하며, 전처리기로 작성 후 CSS로 컴파일해야 한다. Sass(Syntactically Awesome Style Sheets)의 3버전에서 새롭게 등장한 SCSS는 CSS 구문과 완전