JavaScript(3)
-
NestJS[0]_개요, 실행
NestJS서버 애플리케이션을 만들기 위한 프레임워크.Node.js 환경에서 동작하며, Javascript 기술 사용.TypeScript 기반으로 코드 안정성과 유지보수성이 높다.구조적 아키텍처 : Module, Controller, Provider Module애플리케이션 구성의 기본 단위로, 관련 기능을 하나의 묶음으로 만드는 컨테이너 역할.예) 유저 관리 기능 : 유저 CRUD에 필요한 코드(class)들을 UserModule이라는 하나의 모듈로 묶어 관리.Spring의 @Configuration이나 Java의 package에 가깝다.프레임워크가 Singleton으로 관리.역할기능적 분리 : 각 기능을 독립된 모듈 단위로 쪼개어 책임을 명확히 분리.캡슐화 : 관련 컨트롤러, 프로바이더, 다른 모듈 등..
2025.07.09 -
hoisting
let변수의 scope가 선언된 블록({})으로 한정되며, 동일한 이름의 변수 재선언 불가.var 변수처럼 호이스팅이 발생하지만, 초기화 전까지 사용할 수 없음.const : let의 속성 + 불변성 hoisting자바스크립트 엔진이 각 스코프의 실행 전에 선언을 미리 처리.코드 실행 전에 변수, 함수, 클래스, import 선언문이 해당 스코프의 맨 위로 끌어올려진 것처럼 동작.var : 선언만 호이스팅 되고, 값 할당은 호이스팅되지 않아 선언 전에 접근하면 undefined 출력.TDZ(Temporal Dead Zone) : let, const로 선언한 변수는 호이스팅은 되지만, 초기화 전에 접근할 수 없어 ReferenceError가 발생하는 구간.함수 : 전체가 호이스팅되어, 선언 전에 호출해도 ..
2025.05.08 -
fetch()
[점프 투 FastAPI] 1-07에서 Svelte 웹 페이지가 FastAPI와 통신할 때 fetch()를 사용한다. {message} json은 많이 들어봤는데 정확한 구조를 오늘 파악해보자. fetch()가 뭐 하는 메서드인가? 참고 : https://ko.javascript.info/fetch fetch() 리소스를 비동기 요청 가능. 주로 API를 호출하고 응답 데이터를 받아올 때 사용. 기본 문법 let promise = fetch(url, [options]) url : 접근하고자 하는 URL. options : 선택 매개변수, method나 header 등 지정. options에 아무것도 지정하지 않으면 GET method로 동작(url로부터 컨텐츠 다운로드). fetch()를 호출하면 브라우..
2024.03.11