프로젝트 시작 엘리스 SW 엔지니어 트랙에 참여한지 7주가 지나고, 1차 프로젝트가 시작되었다. 프로젝트 주제는 '쇼핑몰 웹 사이트 구현하기'였으며 팀원은 총 6명으로 프론트엔드, 백엔드를 각각 3명씩 담당하기로 하였다. 나는 이번 프로젝트에서 백엔드를 담당하게 되었다

Node.is는 싱글 쓰레드이며, 그렇기 때문에 비동기 동작이 필요하다. 비동기 동작을 구현하기 위해 이벤트 기반의 동작 방식을 사용한다. 쓰레드란 명령을 실행하는 단위. 싱글 쓰레드는 한 번에 한가지 동작만 실행 가능하다. 장점 - 쓰레드를 생산하는 비용이 없고,

플랫폼에 따라 다르다. 대표적인 플랫폼 : 브라우저, 모바일 OS, 데스크탑 OS, IoT기기용 OS각 플랫폼에서 허용하는 언어를 사용해서 실행가능한 어플리케이션을 개발하게 된다.또는 중간다리 역할을 하는 실행환경(runtime, HRE, Node.js)을 두어서 원하

Web에서 서버와 클라이언트 간의 통신 방법을 규정한 프로토콜클라이언트 : 웹 브라우저 등 서버로 요청을 보내는 대상서버는 클라이언트가 요청을 보내기 전까지 대응하지 않음요청과 응답클라이언트와 서버들은 개별적인 메시지 교환에 의해 통신한다.보통 브라우저인 클라이언트에

Axios는 웹 브라우저와 Node.js를 위한 HTTP 비동기 통신 라이브러리이다. 쉽게 말해서 백엔드와 프론트엔드 간 통신을 쉽게 하기 위해 사용되는 것으로 Ajax처럼 사용되는 것이다. 비동기 통신 라이브러리를 사용하지 않으면 모든 코드의 순서를 신경 써서 작성해

싱글 스레드 : 일하는 사람 1명. 한 사람이 주어진 작업을 하나씩 처리하는 방식.멀티 스레드 : 일하는 사람이 여러 명. 여러 사람이 주어진 작업을 같이 처리하는 방식.\*경쟁 상태(Race Condition) : 둘 이상의 스레드가 하나의 리소스를 가지고 경쟁을 하

해당 포스팅은 위키북스의 '모던 자바스크립트 Deep Dive'를 읽고 공부한 개념을 정리한 글입니다.this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수다. this는 자바스크립트 엔진에 의해 암묵적으로 생성되며 코드 어디서든 참조할 수

해당 포스팅은 위키북스의 '모던 자바스크립트 Deep Dive'를 읽고 공부한 개념을 정리한 글입니다.표준 빌트인 객체ECMAScript 사양에 정의된 객체를 말하며, 애플리케이션 전역의 공통 기능을 제공한다.호스트 객체자바스크립트 실행 환경에서 추가로 제공하는 객체이

자바스크립트 언어의 문법을 좀 더 엄격히 적용하여 오류를 발생시킬 가능성이 높거나 엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 명시적인 에러를 발생시킨다.린트 도구(ESLint)를 사용하면 strict mode와 유사한 효과를 얻는다. 린트 도구는 strict

해당 포스팅은 위키북스의 '모던 자바스크립트 Deep Dive'를 읽고 공부한 개념을 정리한 글입니다.프로토타입은 임의의 다른 객체로 교체할 수 있다. 이러한 특징을 활용하여 객체 간의 상속관계를 동적으로 변경할 수 있다. 프로토타입을 교체하면 constructor 프

해당 포스팅은 위키북스의 '모던 자바스크립트 Deep Dive'를 읽고 공부한 개념을 정리한 글입니다.프로그램을 명령어 또는 함수의 목록으로 보는 전통적인 명령형 프로그래밍의 절차지향적 관점에서 벗어나 여러 개의 독립적 단위, 즉 객체의 집합으로 프로그램을 표현하려는

해당 포스팅은 위키북스의 '모던 자바스크립트 Deep Dive'를 읽고 공부한 개념을 정리한 글입니다.new 연산자와 함께 클래스 호출 → 빈 객체 생성(=인스턴스) → 클래스가 생성한 인스턴스의 프로토타입으로 클래스의 prototype프로퍼티가 가리키는 객체가 설정됨

해당 포스팅은 위키북스의 '모던 자바스크립트 Deep Dive'를 읽고 공부한 개념을 정리한 글입니다.클래스는 기존 프로토타입 기반 패턴을 클래스 기반 패턴처럼 사용할 수 있도록 하는 문법적 설탕이라고 볼 수도 있지만, 아래와 같은 차이점이 있어 문법적 설탕보다는 새로

Promise를 활용한 비동기 코드를 직관적으고 간결하게 작성하는 문법으로, 비동기 코드를 동기 코드처럼 간결하게 작성할 수 있다.async 함수는 항상 promise를 반환(리턴), 만약 async 함수의 반환값이 명시적으로 promise가 아니라면 암묵적으로 pro

promise란 비동기 작업을 표현하는 자바스크립트 객체로, 비동기 작업의 대기(pending), 이행(fulfilled), 성공(fulfilled/resolved), 실패(rejected) 상태를 표현한다.콜백 함수와 역할은 같지만 가독성이 더 좋다는 특징이 있다.p

자바스크립트 코드 실행자바스크립트 엔진은 코드가 없어도 3개의 변수(this, 변수들, 스코프 체인)를 포함해 실행 환경(실행 컨텍스트)를 초기화한다. → 전역 실행 컨텍스트 (Global Execution Context)스코프는 코드가 현재 실행되는 환경, 맥락(co

해당 포스팅은 위키북스의 '모던 자바스크립트 Deep Dive'를 읽고 공부한 개념을 정리한 글입니다.new 연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다. 이후 프로퍼티 또는 메서드를 추가하여 객체를 완성할 수 있다.이와 같이 생성자

문서 객체 모델(Document Object Model) : 객체 지향 모델로써 구조화된 문서를 표현하는 형식이다. DOM은 XML이나 HTML 문서의 프로그래밍 인터페이스이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하여

this는 현재 실행 중인 함수 내에서 현재 실행 컨텍스트의 객체를 참조하는 특별한 키워드이다.함수마다 하나의 this를 가질 수 있으며, this에는 어떤 값이든 들어갈 수 있다.this 바인딩은 함수 호출 방식에 따라 동적으로 결정된다.this는 함수가 호출되는 방

동기적 제어 흐름은 현재 실행 중인 코드가 종료되기 전까지 다음 줄의 코드를 실행하지 않는 것을 의미한다.분기분, 반복문, 함수 호출 등이 동기적으로 실행된다.동기는 코드의 흐름과 실제 제어 흐름이 동일하다. (순차적)싱글 스레드 환경에서 코드가 메인 스레드를 긴 시간