본문 바로가기

WEB

(5)
드디어 공개된 ECMAScript 2025, 이번에는 뭐가 달라졌을까? 2025년 6월 25일, JavaScript의 공식 표준인 ECMAScript의 새로운 버전, ECMAScript 2025가 정식으로 승인되었습니다. 매년 업데이트되는 ECMAScript는 브라우저 환경과 JavaScript 엔진의 변화에 발맞춰 끊임없이 진화해왔습니다. 이번 버전은 개발자들이 실무에서 자주 겪는 문제를 해결할 수 있도록 다양한 기능을 강화했으며, 특히 반복 처리, 모듈 시스템, 정규표현식, 자료구조, 부동소수점 처리 등 핵심 영역에서 의미 있는 변화가 있었습니다.이 글에서는 ECMAScript 2025에 새롭게 추가된 주요 기능들을 간결하고 명확하게 정리하고, 각각의 기능이 어떤 문제를 해결하며 어떻게 활용할 수 있는지를 구체적인 예제를 통해 소개합니다.ECMAScript 2025 개요..
JavaScript도 ‘using’을 쓴다고? 명시적 리소스 관리로 더 안전한 코드 작성법 JavaScript에서도 using과 dispose를 쓸 수 있다면 어떨까요? 이제 이게 현실이 되었습니다.파일 핸들, 네트워크 소켓, 스트림 리더처럼 리소스 해제를 놓치면 문제가 발생하는 코드, 여전히 try...finally로 수동 관리하고 계신가요? 복잡한 리소스 처리 로직 때문에 코드가 길고 지저분해지진 않으셨나요?이제 JavaScript도 명시적 리소스 관리(Explicit Resource Management) 기능을 도입하면서, 이런 문제들을 간단하고 안전하게 해결할 수 있는 길이 열렸습니다.이번 글에서는 Chromium 134, V8 v13.8부터 도입된 명시적 리소스 관리 제안의 핵심 개념과 주요 문법, 그리고 실전 예제까지 다루며 이 기능이 왜 중요한지, 어떻게 활용할 수 있는지 쉽게 설..
Chrome 브라우저에서 Direct Sockets API 지원: 웹 앱과 네트워크 기기 간 직접 통신 가능해지다 크롬 브라우저가 Direct Sockets API를 새롭게 도입하며 웹 앱과 네트워크 기기 간 직접 통신이 가능해졌습니다. 이를 통해 TCP와 UDP를 사용하여 다양한 프로토콜을 사용하는 장비들과 직접 연결할 수 있습니다. 이번 포스트에서는 Direct Sockets API와 격리된 웹앱(Isolated Web Apps, IWA) 개념을 중심으로 이번 변화가 어떤 의미를 가지는지 살펴보겠습니다.Direct Sockets API란?기존 웹 기술인 XMLHttpRequest, WebSocket, WebRTC 등은 모두 보안과 관련된 여러 제약으로 인해 네트워크 기기나 특정 시스템과의 직접적인 TCP/UDP 통신을 지원하지 않았습니다. 이러한 제한으로 인해 많은 네트워크 기기들은 원활한 통신을 위해 별도의 서..
웹 렌더링의 모든 것: 클라이언트 사이드 vs 서버 사이드 vs 사전 렌더링 웹 개발을 하다 보면 클라이언트 사이드 렌더링, 서버 사이드 렌더링, 그리고 사전 렌더링이라는 용어를 자주 접하게 됩니다. 하지만 이들이 정확히 무엇을 의미하고, 어떤 상황에서 어떤 방식을 선택해야 하는지 혼란스러우실 수 있습니다. 이번 블로그에서는 이 세 가지 렌더링 방식의 특징과 동작 원리, 그리고 각각의 장점과 제한 사항에 대해 자세히 알아보겠습니다.클라이언트 사이드 렌더링 (CSR)특징 및 동작 방식클라이언트 사이드 렌더링은 말 그대로 클라이언트(브라우저)가 렌더링을 담당하는 방식입니다. 서버는 최소한의 HTML 파일과 필요한 JavaScript 파일을 클라이언트에게 전송하고, 브라우저는 이 JavaScript를 실행하여 동적으로 페이지를 구성합니다.예시: React로 개발된 싱글 페이지 애플리케..
프레임워크의 진화: Next.js로 알아보는 웹 개발의 미래 여러분은 React로 웹 애플리케이션을 개발하면서 복잡한 설정과 반복적인 작업에 지치신 적이 있으신가요? 그렇다면 React 기반의 웹 개발 프레임워크인 Next.js에 주목해 보세요. 오늘은 Next.js가 무엇인지, 어떤 배경에서 탄생했으며, 어떤 특징과 주요 기능을 가지고 있는지 살펴보겠습니다.Next.js란 무엇인가?Next.js는 Vercel에서 2016년에 처음 공개한 React 기반의 웹 개발 프레임워크입니다. React가 UI를 만들기 위한 라이브러리라면, Next.js는 웹 애플리케이션 개발에 필요한 전체적인 틀과 솔루션을 제공합니다. 이를 통해 개발자는 복잡한 설정 없이도 손쉽게 웹 애플리케이션을 구축할 수 있습니다.Next.js의 배경과 등장 이유React로 작성된 애플리케이션은 주로..