2025년 연말결산

올해의 프레임워크

Astro는 올해 많은 감명을 준 프레임워크다!

아일랜드 아키텍쳐도 좋고, Vite를 베이스로 사용하는 것도 좋고, 무엇보다도 자유도가 상당하다!

페이지를 완전 정적으로 구성할 수도, 인터렉티브한 기능들을 넣을 수도, 심지어 SPA를 위한 라우트 도입도 가능하다!

최근 Next.js 16은 평판이 되게 안좋은데 React2Shell 보안 이슈까지 터지면서 입지가 점점 흔들리는 것 같은 느낌이다...

Astro는 차세대 프레임워크가 될 수 있을까? 될것같기도...?

올해의 테크놀로지

Claude Code

코드 생산은 이걸 사용하기 전과 후로 나뉜다.

마치 ChatGPT가 나오면서 검색의 패러다임이 바뀐 것 처럼, Claude Code를 사용한 이후로는 직접 코드를 수정할 일이 없게 되었다.

생산성이 향상되니깐 대규모 리팩토링, 구조 설계, 프로토타이핑, 모두 빠른 속도로 진행할 수 있을 뿐만 아니라 동시에 여러 프로젝트를 작업할 수도 있다!

작업이 쉬워지고 뭐든 할 수 있을 것 같은 느낌이 너무 좋다! 요즘에는 코드 에디터를 실행할 때부터 설렌다.

올해의 스타일링

Vanilla-extract

타입 안전한 스타일링 라이브러리인데, 런타임에 생성되지 않는 특성을 가졌다.

진짜 매력은 이걸 UI 컴포넌트 라이브러리 스타일링할 때 사용하는 것이다!

타입 안전하고 런타임 오버헤드 없고 유틸리티 스타일링도 가능하고 디자인 토큰 공유에도 유라하다.

올해의 게임

33원정대

턴제를 즐겨하지 않는 나도 모든 컨텐츠를 챙겨서 할만큼 몰입했던 게임이다.

올해 유일하게 엔딩 본 게임이다.

올해의 FE 라이브러리

Vite

세상 모든 프론트엔드 도구는 이제 Vite를 기본 번들러로 채택하고 있다.

VoidZero는 올해 10월 시리즈 A 투자도 받았다.

Vite+도 나올 예정이다.

모든게 빠르구만..

올해의 테스팅

또 Vitest

브라우저 모드가 나왔다. 더 이상 브라우저 API를 모킹하지 않아도 된다!

내가 만든 컴포넌트를 실제 브라우저에서 테스트할 수 있다!(드디어).

게다가 Testing Library 사용하듯이 사용하면 되서 적응에도 어려움이 없었다.

올해의 ESLint 구성

eslint-plugin-react-you-might-not-need-an-effect

이펙트를 남용하지 않게 도와주는 플러그인이다!

정말 유용하다. 공식 가이드를 그대로 규칙으로 만들었다고 보면 된다!

하지만 이펙트가 필요한 경우를 오탐하기도 하는데, 이건 패치해주길 기도해야지...

올해의 음악

PSYCHO - BABYMONSTER

모두 다아~ 비정 사앙~

정리

내년에 프로 디스플레이 XDR 제발 빨리 나왔으면...