자바스크립트 정규 표현식의 새로운 힘! 패턴 수정자 알아볼까요?

자바스크립트 정규 표현식의 새로운 힘! 패턴 수정자 알아볼까요?요즘 자바스크립트 개발하며 정규 표현식 써보면서 꿀팁 하나 알려드릴까 합니다. 바로 패턴 수정자(Regular Expression Pattern Modifiers) 인데요! 이 기능 덕분에 정규 표현식을 더욱 유연하고 효율적으로 사용할 수 있게 되었답니다. 이 글에서는 패턴 수정자가 뭔지, 어떻게 쓰는지, 그리고 어떤 경우에 유용한지 자세히 알아볼게요.  패턴 수정자는 뭘까요? 기존에는 정규 표현식 플래그(예: i - 대소문자 구분 안 함)를 정규 표현식 전체에만 적용할 수 있었는데요. 하지만 패턴 수정자 덕분에 이제는 정규 표현식의 일부분에만 플래그를 적용할 수 있게 되었답니다. 마치 정규 표현식 안에 플래그를 직접 넣는 것처럼 말이죠! 예..

• format_list_bulleted Javascript
• · 2025. 1. 13.
• textsms

pnpm 10 주요 변경 사항 정리

pnpm 10 주요 변경 사항 정리pnpm 10이 출시되면서 몇 가지 중요한 변경 사항이 적용되었는데요.이번 업데이트에서는 보안 강화, 성능 개선, 설정 변경 및 새로운 기능 추가가 이루어졌습니다. ✅ Lifecycle 스크립트 기본 비활성화✅ pnpm link 동작 변경✅ SHA256 기반 보안 해싱 적용✅ 설정 변경 및 새로운 설정 추가✅ 글로벌 스토어 구조 개선✅ 기타 주요 Breaking Changes 하나씩 자세히 살펴보겠습니다! 👀1️. Lifecycle 스크립트 기본 비활성화 (보안 강화)이제부터 의존성(Dependencies)의 Lifecycle 스크립트가 기본적으로 실행되지 않습니다.이는 보안 강화를 위한 조치이며, 특정 패키지의 Lifecycle 스크립트를 허용하려면package.js..

• format_list_bulleted Javascript
• · 2025. 1. 13.
• textsms

ECMAScript 2025에 포함될 Import Attributes, 무엇이 달라질까?

ECMAScript 2025에 포함될 Import Attributes, 무엇이 달라질까?ECMAScript Import Attributes는 JavaScript에서 JSON, CSS, WebAssembly 같은 비(非) JavaScript 리소스를 더 쉽게 가져올 수 있도록 도와주는 기능인데요. 이 기능은 2024년 10월에 ECMAScript Stage 4에 도달했고, ECMAScript 2025 표준에 포함될 가능성이 높습니다.이번 글에서는 Import Attributes가 무엇인지, 어떻게 활용할 수 있는지, 그리고 앞으로 기대되는 기능들을 정리해 보겠습니다.JavaScript 모듈(ESM) 외의 리소스 가져오기JavaScript에서는 오래전부터 JavaScript 코드가 아닌 데이터나 리소스를 모..

• format_list_bulleted Javascript
• · 2025. 1. 13.
• textsms

Node.js, 이제 TypeScript를 기본 지원한다!

Node.js, 이제 TypeScript를 기본 지원한다! Node.js가 v23.6.0부터 TypeScript를 별도의 플래그 없이 실행할 수 있도록 지원하는데요.이 글에서는 새로운 기능이 어떻게 동작하는지, 그리고 주의해야 할 점들을 살펴보겠습니다.새로운 기능, 직접 확인해볼까요?다음과 같은 TypeScript 파일이 있다고 가정해봅시다.// demo.mtsfunction main(message: string): void { console.log('Message: ' + message);}main('Hello!'); 이제 이 파일을 바로 실행할 수 있습니다.node demo.mts 하지만 현재는 다음과 같은 경고가 표시되는데요.ExperimentalWarning: Type Stripping is a..

• format_list_bulleted Javascript
• · 2025. 1. 13.
• textsms

Node.js에서 AsyncLocalStorage로 비동기 컨텍스트 관리 간소화하기

Node.js에서 AsyncLocalStorage로 비동기 컨텍스트 관리 간소화하기Node.js의 비동기 애플리케이션에서 컨텍스트 관리를 어떻게 AsyncLocalStorage가 해결하는지 알아볼까요? AsyncLocalStorage는 모든 비동기 작업 간에 컨텍스트를 유지할 수 있는 방법을 제공하는데요. 마치 요청을 따라다니는 비밀 저장 상자가 있어서, 코드의 어느 부분에서든 중요한 정보를 접근할 수 있게 해줍니다. AsyncLocalStorage 없이 작성한 일반적인 Express 애플리케이션AsyncLocalStorage가 없는 상황에서 어떤 모습이 되는지 살펴볼까요? 여러 함수에 걸쳐 userId를 전달해야 하는 상황입니다.// App.jsasync function handleRequest(req..

• format_list_bulleted Javascript
• · 2025. 1. 8.
• textsms

자바스크립트 WeakRef 완벽 가이드: 메모리 관리를 쉽게 이해해볼까요?

자바스크립트 WeakRef 완벽 가이드: 메모리 관리를 쉽게 이해해볼까요?자바스크립트에서 WeakRef가 메모리 관리를 어떻게 도와주는지 이해해볼까요? 자바스크립트로 객체를 생성할 때마다 브라우저 메모리를 사용하게 되는데요, 그 객체를 더 이상 사용하지 않으면 자바스크립트가 자동으로 그 메모리를 정리해줘야 합니다. 하지만 때때로 예상했던 대로 메모리 정리가 이루어지지 않을 때가 있습니다. 강한 참조강한 참조는 메모리 내 데이터에 "삭제하지 마라"는 태그를 붙이는 것과 같다고 생각할 수 있습니다. 자바스크립트에서 객체나 값에 가리키는 일반 변수를 생성하면, 이는 강한 참조를 만들게 됩니다.// 객체에 대한 강한 참조를 생성const user = { url: "www.trevorlasn.com", nam..

• format_list_bulleted Javascript
• · 2025. 1. 8.
• textsms