Web4 Nest.js 정리 - Controller, Service, Module Nest.js란?Nest.js는 Node.js 위에서 작동하는 서버 프레임워크로,확장성과 유지보수를 고려한 Node.js 서버 애플리케이션을 만들기 위한 프레임워크다. 특징- TypeScript 기반으로 설계되어 타입 안정성과 대규모 코드 관리에 유리함- Express/Fastify 위에 얹힌 구조 레이어- 구조화가 되어있지 않아 확장성에 아쉬움이 있었던 Express의 단점을 보완함- Angular에서 영감을 받은 아키텍처를 채택ModuleControllerServiceDependency Injection(DI)💁♀️Node.js는 뭐야?Node.js는 웹 브라우저 없이도 Javascript를 실행할 수 있게 하는 런타임 환경을 말한다.기존에는 웹 브라우저 안에서만 JS를 실행할 수 있었다. 이런 .. 2026. 1. 30. SSR의 한계를 보완한 'Streaming SSR'에 대해 알아보자 들어가며Next.js를 공부하던 도중 Streaming SSR이라는 개념을 접하게 되었다.기존에 알고 있던 SSR 방식과 무엇이 다른지 궁금해져 정리해보았다. ✅ 웹 성능지표본문으로 넘어가기 앞서, 먼저 '웹 성능지표 용어'에 대해 짚어나가야 한다.TTFB (Time to First Byte): 브라우저(클라이언트)가 서버에 요청을 보낸 후 첫 번째 바이트를 받기까지의 시간이다. 즉 요청을 보낸 후 다시 응답을 받기 시작한 시간이라고 보면 된다.FCP (First Contentful Paint): 페이지가 로드되기 시작한 시점부터 컨텐츠의 일부가 화면에 렌더링될 때까지의 시간이다. 요청에 대한 응답을 받기 전에는 유저가 화면에서 어떠한 컨텐츠도 볼 수 없기때문에 FCP는 중요한 지표로 여겨진다. (컨텐츠.. 2025. 12. 12. 웹 렌더링 방식 4가지 비교: CSR·SSR·SSG·ISR 1. 들어가며Next.js란?공식 문서에 따르면, 풀스택 웹 애플리케이션 구축을 위한 React 프레임워크다.'풀스택'에서도 느껴지다시피, 정적 사이트 생성뿐 아니라 서버 렌더링을 가능하게 해주는 웹 개발 프레임워크다. ※ 프레임워크(Framework): 소프트웨어 개발 시 필요한 구조와 규칙을 모두 미리 제공해주는 개발 도구 Next.js는 기본적으로 SSR 기반 프레임워크로 알려져 있지만, 실제로는 네 가지 렌더링 방식을 모두 선택적으로 활용할 수 있는 것이 가장 큰 특징이다.본 글에서는 웹 렌더링 방식 4가지(CSR, SSR, SSG, ISR)에 대해 정리한다. 웹 렌더링 종류 4가지Next.js의 동작 원리를 설명하기 전에 웹 렌더링 방식 4가지를 먼저 짚고 나가겠다.웹 렌더링에는 4가지 방식으로.. 2025. 12. 8. [Javascript] 13장-15장: 스코프와 var/let/const 비교 본 포스팅은 『모던 자바스크립트 Deep Dive』를 바탕으로 필자의 이해에 기반한 요약이므로 일부 설명이 부족할 수 있습니다.1. 스코프🔍 스코프(Scope)란?한국어로 ‘범위’를 뜻한다. 즉, ‘식별자’(변수, 함수)를 어디서부터 어디까지 참조할 수 있는가를 결정하는 ‘유효범위’를 의미한다. ✅ 스코프의 종류전역(global) 스코프지역(local) 스코프함수 레벨 스코프- 함수 내부에서만 유효한 스코프- var 키워드가 해당됨블록 레벨 스코프- 중괄호 {} 로 감싸진 블록 내부에서만 유효한 스코프 (함수를 포함한 if, for, while, try/catch, function 등)- let, const가 해당됨 ✅ 스코프와 연관되는 var,let, const의 차이 .. 2025. 10. 11. 이전 1 다음
