nhyunzi

48.1 모듈의 일반적 의미모듈이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말한다.일반적으로 모듈은 기능을 기준으로 파일 단위로 분리한다.이때 모듈이 성립하려면 모듈은 자신만의 파일 스코프를 가질 수 있어야 한다.자신만의 파일 스코프를 갖는 모듈의 자산(변수, 함수, 객체 등)은 기본적으로 비공개 상태다. 다시 말해, 자신만의 파일 스코프를 갖는 모듈의 모든 자산은 캡슐화되어 다른 모듈에서 접근할 수 없다.즉, 모듈은 개별적 존재로서 애플리케이션과 분리되어 존재한다.모듈은 공개가 필요한 자산에 한정하여 명시적으로 선택적 공개가 가능하다. 이를 export라 한다.공개된 모듈은 다른 모듈에서 재사용할 수 있다. 이때 공개된 모듈의 자산을 사용하는 모듈을 모듈 사용자라 한다.모듈 ..

47.1 에러 처리의 필요성에러는 언제나 발생할 수 있다. 발생한 에러에 대해 대처하지 않고 방치하면 프로그램은 강제 종료된다.이를 막기 위해 try...catch 문을 사용해 발생한 에러에 적절하게 대응하면 프로그램이 강제 종료되지 않고 계속해서 코드를 실행시킬 수 있다.직접적인 에러를 발생하지는 않는 예외적인 상황이 발생할 수도 있다.예외적인 상황에 적절하게 대응하지 않으면 에러로 이어질 가능성이 크다.작성한 코드에서는 언제나 예외적인 상황이 발생할 수 있다는 것을 전제하고 이에 대응하는 코드를 작성하는 것이 중요하다. 47.2 try...catch...finally 문기본적으로 에러 처리를 구현하는 방법은 크게 두 가지가 있다.반환하는 값을 if 문이나 단축 평가 또는 옵셔널 체이닝 연산자를 통해 ..

자바스크립트에서는 비동기 처리를 하기 위한 하나의 패턴으로 콜백 함수를 사용한다.그러나 콜백 패턴은 다음과 같은 단점이 있다.콜백 헬로 인해 가독성 나쁨에러 처리가 곤란함여러 개의 비동기 처리를 한 번에 처리하는 데 한계가 있음따라서 ES6에서는 비동기 처리를 위한 또 다른 패턴으로 프로미스를 도입했다.프로미스는 전통적인 콜백 패턴이 가진 단점을 보완하며 비동기 처리 시점을 명확하게 표현할 수 있다. 45.1 비동기 처리를 위한 콜백 패턴의 단점45.1.1 콜백 헬const get = (url) => { const xhr = new XMLHttpRequest(); xhr.open("GET", url); xhr.send(); xhr.onload = () => { if (xhr.status ==..

HTTP의 장점을 최대한 활용할 수 있는 아키텍처로서 REST가 소개되었고, 이는 HTTP 프로토콜을 의도에 맞게 디자인하도록 유도하고 있다.REST의 기본 원칙을 성실히 지킨 서비스 디자인을 RESTful 이라고 표현한다.즉, REST는 HTTP를 기반으로 클라이언트가 서버의 리소스에 접근하는 방식을 규정한 아키텍처고, REST API는 REST를 기반으로 서비스 API를 구현한 것을 의미한다. 44.1 REST API의 구성REST API는 자원, 행위, 표현의 3가지 요소로 구성된다.REST는 자체 표현 구조로 구성되어 REST API만으로 HTTP 요청의 내용을 이해할 수 있다.자원 : 자원 (URI)행위 : 자원에 대한 행위 (HTTP 요청 메서드)표현 : 자원에 대한 행위의 구체적 내용 (페이..

43.1 Ajax란?Ajax(Asynchronous JavaScript And XML)란 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고 수신하는 프로그래밍 방식이다.Ajax는 브라우저에서 제공하는 Web API인 XMLHttpRequest 객체를 기반으로 동작한다.XMLHttpRequest는 HTTP 비동기 통신을 위한 메서드와 프로퍼티를 제공한다.이전의 웹페이지는 화면이 전환될 때마다 서버로부터 새로운 HTML을 전송받아 웹페이지 전체를 처음부터 다시 렌더링했다.이러한 전통적인 방식은 다음과 같은 단점이 있다.변경 사항이 없는 파일도 매번 다시 전송받기 때문에 불필요한 데이터 통신이 발생한다.변경할 필요가 없는 부분도 다시 렌더링되어 화면 전환이 일어나면 깜박이는 현상이 ..

42.1 동기 처리와 비동기 처리함수 실행 과정함수를 호출하면 함수 코드가 평가되어 함수 실행 컨텍스트가 생성된다.이때 생성된 함수 실행 컨텍스트는 실행 컨텍스트 스택(콜 스택)에 푸시되고 함수 코드가 실행된다.함수 코드의 실행이 종료하면 함수 실행 컨텍스트는 실행 컨텍스트 스택에서 팝되어 제거된다.함수가 호출된 순서대로 순차적으로 실행되는 이유는 함수가 호출된 순서대로 함수 실행 컨텍스트가 실행 컨텍스트 스택에 푸시되기 때문이다.자바스크립트 엔진은 단 하나의 실행 컨텍스트 스택을 갖는다.즉, 함수를 실행할 수 있는 창구가 단 하나이기 때문에 동시에 2개 이상의 함수를 동시에 실행할 수 없다.따라서 현재 실행 중인 함수가 종료하면 비로소 다른 함수가 실행되기 시작한다.자바스크립트 엔진은 한 번에 하나의 ..