본문 바로가기

프로그래밍
26

타입스크립트 설치 및 설정 1. 타입스크립트 설치npm i -g typescript실제로 .ts 파일을 컴파일하고, 타입 검사(정적 분석)를 수행해주는 컴파일러이다.npm i typescript를 하면, tsc 명령어를 사용할 수 있게 되어 TypeScript 코드를 JavaScript로 변환할 수 있다.2. Node.js 의 타입 선언 파일 설치npm i @types/nodeNode.js의 타입 선언(definition) 파일이다.Node.js의 내장 모듈(예: fs, http, path 등)에 대한 타입 정보를 담고 있어서, TypeScript 코드에서 Node.js API를 사용할 때 자동 완성과 타입 추론이 가능해진다.예를 들어 import * as fs from 'fs' 할 때, fs 모듈의 메서드 파라미터/리턴 타입이 .. 2025. 2. 13.
이벤트 루프 (Event Loop) 어떤 엔진, 프레임워크들이든 자신만의 흐름(혹은 라이프사이클)이 존재한다.자바스크립트의 라이프사이클은 어떻게 되는지 궁금해서 조금 더 자세히 알아보았다.자바스크립트 자체는 싱글스레드 언어자바스크립트 언어(ECMAScript) 자체는 싱글 스레드로 되어있어 'Call Stack' 구조만을 가진다.즉, 명령어가 들어오면 순차적으로 쌓아두고 가장 마지막으로 들어온 명령어가 실행되는 구조이다.정확히는 명령어가 아니라 '실행 컨텍스트' 이다. 실행 컨텍스트는 렉시컬 환경, Variable Environment, this 바인딩, outer reference 와 같은 요소들을 가지고 있는 객체이고, 이 객체가 Call Stack 내부에 쌓이고 실행되는 것이다.그렇다면 비동기는 어떻게?자바스크립트 언어 자체에서는 지.. 2025. 1. 8.
렉시컬 환경(Lexical Environment), 클로저 자바스크립트에서는 실행 중인 함수, 코드 블록 {...}, 스크립트 전체는 렉시컬 환경(Lexical Environment)라는 내부 숨김 연관 객체(internal hidden associated object) 를 갖는다.자바스크립트 엔진이 함수를 생성하면, 그 함수는 '함수 객체'와 '함수가 어디서 선언되었는지' 에 대한 정보(렉시컬 환경의 스냅샷)를 갖게 된다.함수는 [[Environment]] 같은 내부 슬롯을 통해 선언될 때 렉시컬 환경(이론 객체)을 참조하게 된다.변수는 내부 슬롯에서 참조하지 않고 렉시컬 환경 내부의 환경 레코드에 등록이 되어있다. 즉, 변수는 환경 레코드에 프로퍼티 형태로 기록되어 있을 뿐이며, 검색해서 value를 찾는 구조이다.그래서 무엇이 특별한가?이로 인해 특별해 보.. 2025. 1. 7.
함수 (function) 자바스크립트에서 함수는 세 가지 방법으로 만들 수 있다.1. 함수 선언문function sum(a, b) { let result = a + b; return result;}2. 함수 표현식let sum = function(a, b) { let result = a + b; return result;};sum(1,2); //3함수는 객체이기 때문에 위와 같이 변수처럼 받을 수 있다. 그리고 C#의 델리게이트처럼 호출 할 수 있다.3. 화살표 함수// 화살표(=>) 우측엔 표현식이 있음let sum = (a, b) => a + b;// 중괄호{ ... }를 사용하면 본문에 여러 줄의 코드를 작성할 수 있음. return문이 꼭 있어야 함.let sum = (a, b) => { // ... retur.. 2025. 1. 6.

최근댓글

최근글

skin by © 2024 ttuttak

티스토리툴바