GitHub RSS Feed
Home News About us

ESLint가 너무 새로워졌다.

2025. 5. 27.

Beyond the Article: 한 걸음 더

ESLint가 너무 새로워졌다.

ESLint v9.0.0: A retrospective - ESLint - Pluggable JavaScript Linter 🔗

ESLint flat Config와 ESLint의 중요 내부 API가 교체되면서 9버전으로 버전업을 하는 사람들에게 많은 혼란을 가져왔습니다.(아직 교체하지 않으셨다면 ESLint v9로 교체해보자와 antfu님의 ESLint one for all make easy 발표 슬라이드를 참고하세요!) 이 글은 ESLint 9버전으로 올리면서 우리가 옳았던 것과 실수했던 점에 대한 회고입니다. 라이브러리를 개발하는 사람들에게 버전업과 커뮤니티와 협업의 중요성을 알려주는 글이므로, 모두가 보셨으면 합니다.

웹을 빠르게 하기 위해서, 6가지 방법

6 Ways Slack, Notion, and VSCode Improved Electron App Performance | Palette Docs 🔗

Electron에서의 성능을 빠르게 하기 위해서 적용한 6가지 방법을 제시하는 글입니다. Electron에서만 적용되지 않고, 몇가지 방법은 일반 웹사이트에서도 적용가능하고, 그리고 Lighthouse나 일반적인 사용자 지표(Core web Vitals)이 있어도 특정 중요한 지표(버튼 클릭, 프리로딩…)를 정해서 모니터링 하는 것 또한 중요함을 보여줍니다.

React Context의 미래

The Past and Future of Render Optimization with React Context 🔗

저번 React Context API는 사실 많은 렌더링을 야기하지 않는다..? 글의 연장선상의 글입니다. Context API가 어떤 문제가 있었고, 여러 해결책이 있었고, 현재 React 19의 use(store)패턴이나 use(context)패턴을 주목하는게 좋겠다는 취지의 글입니다. use(store)의 경우에는 현재 개발 중에 있으므로, 잘 개발되었으면 좋겠네요!

인스타그램의 Speculative loading

Making Instagram.com faster: Part 1 | by Glenn Conner | Instagram Engineering 🔗

intstagram의 성능이 어느 부분 때문에 느려졌는지 파악하고, 이를 Speculative loading으로 해결했음을 보여주는 간단한 글이지만, Speculative loading이 Speculative rule만 존재하지 않고, 여러가지 방식으로 요구사항에 맞게 적용가능하다는 것을 보여주는 글입니다. 또한, 브라우저의 로딩 매커니즘도 주의해서 적용해야겠습니다.

RTL 레이아웃은 어떻게 만들어야 할까

Right-to-left Styling 🔗

브라우저의 Translate 기능과 RTL 레이아웃 사이의 정답이 있을까요?에서 말하듯이, RTL 언어 레이아웃을 제공해야 하는지는 바람직할 수도 있고, 바람직하지 않을 수도 있습니다. 이 글에서는 RTL 언어를 지원해야 할 때, 혹은 RTL 언어권 사람들이 많이 오는 경우를 대비할 수 있는 RTL 레이아웃을 대비해야 할 때 어떤 것을 제공해야 하는지 소개합니다.

early return은 때로 독이 된다.

Preserving and Resetting State in React | Epic React by Kent C. Dodds 🔗

조건문의 복잡함을 푸는 방법에서, 합성 패턴이 좋을 때도 있지만, early return이 때로는 도움이 된다라는 것을 소개하지만 이 글에서는 컴포넌트의 상태가 초기화되어 독이 될 수도 있다는 것을 보여줍니다. 언제나 장단을 따져가며 패턴을 적용해야겠네요.

Straight to the Article: 빛나는 인사이트

node:path 잘 사용하기

Working with file system paths and file URLs on Node.js • Shell scripting with Node.js 🔗

Node.js에서 path를 잘 사용하기 위해서 경로에 대한 기본 개념과 os마다 다른 동작을 맞추기 위해 어떻게 동작하는지 소개합니다. node:path에서 주로 사용하는 메소드와 좋은 팁을 많이 알려주니, 꼭 보시길 바랍니다.

Deno가 망했다는 사람들에게.

Reports of Deno's Demise Have Been Greatly Exaggerated | Deno 🔗

deno의 deno deploy 리전 감소로 인해 Deno가 사라지는 것이 아니냐는 것에 대한 반박 글입니다. Deno 2가 되면서 여러 호환성과 성능 개선으로 여러 상황에서(ex. 빠른 스크립팅)에 사용할만해졌으므로, 가볍게 입문해보시는 것도 좋을 것 같습니다.

Flushsync, 언제 써야 할까

Mastering Focus Management in React with `flushSync` | Epic React by Kent C. Dodds 🔗

MCP에는 GraphQL이 이상적이다

The Future of MCP is GraphQL | Apollo GraphQL Blog 🔗

최신 기능으로 들어온 shape()로 복잡한 clip-path 구현하기

Creating Blob Shapes using clip-path: shape() – Frontend Masters Blog 🔗

Fresh Finds: 놓치지 말아야 할 소식

Announcing TypeScript Native Previews - TypeScript 🔗

TypeScript의 go포팅의 프리뷰가 나왔다는 소식입니다. 좋은 소식이지만, 마이크로소프트의 layoff때문에 정식 출시가 미뤄지지 않았으면 좋겠네요.

10 updates from Google I/O 2025: CSS carousels, AI-powered DevTools, Prompt API with multimodal capabilities, and more  |  Blog  |  Chrome for Developers 🔗

Google I/O에서 주목할만한 10가지 업데이트를 글로 올렸습니다. 만약 최신 크롬(과 구글 관련 API)에 관심이 있으신 분들은 보시기 좋을것 같습니다.

React Router RSC Preview | Remix 🔗

Remix팀에서 React Router에 RSC 프리뷰를 제공합니다. 기존 Next.js와는 다른 사용 방식을 보여주므로, 좋은 방식인지 고민해볼만하겠네요.

What's new in Angular - YouTube 🔗

Angular에 적용되었던 Signals가 강화됨을 중심으로 여러 기능이 추가된 Angular 20을 소개하는 영상입니다.

GitHub - brandonmcconnell/render-hooks: Inline render-block-stable React hooks 🔗

JSX 안에서 인라인으로 hook을 사용할 수 있는 renderhooks 라이브러리 입니다. 간단한 라이브러리를 위해서는 유용하겠네요.

Introducing Zod 4 | Zod 🔗

성능개선과 여러 필요하다고 생각되는 기능 이슈를 해결한 zod 4 beta가 정식 버전으로 출시되었습니다.

prompt-kit 🔗

AI app을 사용할 때 빠르게 만들 수 있도록 만들어진 shadcn/ui 기반 컴포넌트 라이브러리입니다.

Moving Beyond Containers - Introducing Boxer by Daniel Phillips @Wasm I/O 2025 - YouTube 🔗

WASM을 활용한 컨테이너같은 샌드박스 실행환경을 제공해주는 Boxer 도구를 소개하는 영상입니다.

번외

A brief history of JavaScript | Deno 🔗

deno에서 제공하는 JS에 대한 30년 역사를 소개하는 글입니다.

Microservices Are a Tax Your Startup Probably Can’t Afford | Oleg Pustovit – Technical Leadership & MVP Development for Startups 🔗

MSA가 스타트업에게는 값비싼 세금이 될 수 있고, 이는 스타트업에게 감당할 수 없을만큼 크다는 것을 풀어낸 글입니다. 비슷하게, Micro Frontends 또한 내 상황에 맞게 사용해야 할 것을 명심해야겠네요.