자바스크립트 및 타입스크립트 동작 원리와 예시타입스크립트(TypeScript)는 정적 타입 언어로, 컴파일 시점에서 타입을 체크한다. 하지만 자바스크립트(JavaScript)는 동적 타입 언어로, 런타임에 변수의 타입이 결정된다. 이로 인해 예상치 못한 오류가 발생할 수 있고, 타입스크립트에서도 런타임 오류를 방지하기 위한 추가적인 타입 체크가 필요하다.    타입스크립트에서 변수에 다른 타입이 들어갈 경우타입스크립트에서는 변수에 올바른 타입을 지정하지 않으면 런타임 오류뿐만 아니라 컴파일 타임 오류도 발생할 수 있다. :let basicArray: [string, number];basicArray = ["hello", 2]; // 정상basicArray = [1, 2]; // 오류: 첫 번째 요소는..

Margin 잉여 공간이 사라짐

JavaScript에서 호이스팅과 실행 컨텍스트 (Execution Context)는 코드의 실행 순서와 변수/함수의 접근 가능성을 이해하는 데 매우 중요한 개념이다.  1. 실행 컨텍스트 (Execution Context)실행 컨텍스트는 JavaScript 코드가 실행될 때 만들어지는 환경을 의미한다. 모든 코드 실행에는 실행 컨텍스트가 생성된다.글로벌 실행 컨텍스트전역 코드(함수 바깥의 코드)가 실행될 때 생성된다.브라우저에서는 전역 객체 window가 실행 컨텍스트의 일부로 포함된다.전역 변수, 함수 선언, 그리고 전역 스코프를 관리한다.함수 실행 컨텍스트함수가 호출될 때마다 생성된다.함수 내부의 변수와 코드 실행을 관리한다.각 실행 컨텍스트는 다음 세 가지 구성 요소로 이루어져 있다:Variabl..

클로저는 자바스크립트의 핵심 개념으로, 데이터 보호 및 상태 유지와 같은 중요한 프로그래밍 패턴을 구현하는 데 활용된다. 1. 캡슐화 (Encapsulation)정의: 데이터와 그 데이터를 조작하는 함수를 하나의 단위로 묶는 기법.클로저는 캡슐화를 구현하는 자바스크립트의 방법 중 하나이다.데이터 접근 제한: 외부에서 함수 내부의 변수를 직접 변경할 수 없도록 보호.독립성: 스코프에 종속되지 않는 변수를 유지하여 외부 코드의 영향을 방지.2. 데이터 은닉 (Data Hiding)보호 의미:클로저로 캡슐화된 데이터는 외부 코드에서 임의로 변경할 수 없다.데이터는 정의된 함수(메서드)를 통해서만 조작 가능한다.이점:변수 값을 안전하게 유지.의도치 않은 코드의 변경을 방지하여 코드 안정성을 높임.3. 상태 유지..

Stateless의 정의Stateless란 서버가 클라이언트와의 이전 요청 상태를 기억하지 않는 것을 의미한다.각 요청은 완전히 독립적이며, 서버는 요청 간의 관계를 추적하지 않는다. 첫 번째 요청:클라이언트는 서버에게 "나는 user123"이라고 자신의 정보를 보냈다.서버는 요청을 처리하고 응답을 반환한다. 하지만 요청을 처리한 후 user123이라는 정보는 사라진다.두 번째 요청:클라이언트가 서버에 다시 묻는다:서버는 이전 요청의 상태(즉, "user123"이라는 정보)를 기억하지 않는다.Stateless 서버는 각 요청이 독립적이므로 이전에 받은 정보를 저장하지 않는다. 왜 이런 일이 일어날까HTTP는 본질적으로 Stateless 프로토콜이다.HTTP 요청은 서버와 클라이언트 간의 독립적인 통신을 ..

1. Express JSExpress.js는 Node.js 환경에서 웹 서버와 API를 쉽게 구축할 수 있도록 도와주는 웹 프레임워크이다. Express는 라우팅, 미들웨어 지원, HTTP 요청 및 응답 처리, 템플릿 렌더링 등의 기능을 제공하여 Node.js로 웹 애플리케이션을 개발할 때 필수적인 도구이다.2. HTTP RequestHTTP 요청은 클라이언트가 서버에 보내는 데이터이다. 일반적으로 URL, HTTP 메서드(GET, POST, PUT, DELETE 등), 헤더, 본문(body) 등을 포함한다. 클라이언트는 이 요청을 통해 서버에 정보를 요청하거나 서버의 데이터를 변경할 수 있다.HTTP 요청의 주요 부분:URL: 요청하는 리소스의 주소이다. , /users/1은 사용자의 정보에 접근하는 ..