JavaScript

Why Does 'is-number' Package Have 59M Weekly Downloads?

불필요한 디펜던시 체이닝에 대해 성토하는 글. 읽어볼만한 주제다.

React

How to start a React Project in 2024

새로운 React 프로젝트를 시작할 때 무엇을 선택하는 게 좋을까? 에 관한 글.

  1. with Vite
  2. with Next
  3. with Astro

세 방법에 대해 비교하며 설명한다.

이런 종류의 글은 기존에도 많았지만 이 글이 좋은 점은 각 선택의 장단점을 보기 쉽게 정리해놨다는 것이다.

HTMX vs React: A Complete Comparison

HTMX 가 무엇인지, React 와 비교하면 어떤 점이 같고 어떤 점이 다른지를 정리한 글.

다 읽기 귀찮다면 글 말미에 있는 Pros and Cons 와 Conclusion 부분만 읽어도 핵심을 알 수 있다.

HTMX enables modern HTML interactivity without the complexities introduced by full-fledged web frameworks. Although its future is bright, HTMX is not here to replace React. To better understand where HTMX shines, take a look at the list of HTMX examples from the official site.

[번역] React 19에서 새롭게 등장하는 클라이언트 사이드 훅

React 19 에 추가될 예정인 새로운 기능들에 대한 정리. form 에 대한 hook 들이 눈에 띄고, useOptimistic hook 도 주목할만 하다. 다만 어디까지나 "React 19 에 추가될 예정"인 것에 주의하자.

[번역] 리액트가 컴파일될 예정입니다

React 가 19 보다 이후 버전에서 지금보다 "더욱 컴파일된다" 는 글인데, 사실 글쓴이도 얼마나 어떻게 컴파일될 지는 모르고 있고 그냥 그런 뉴스가 있다고 알리는 글에 가깝다. 현재 React 에서는 React.memo, useMemo 등을 사용한 메모이제이션이 필수불가결인데, "더욱 컴파일"함으로서 이 부분을 좀 더 보완할 수 있을 것이라고, 사용자가 직접 메모이제이션 하는 부분이 줄어들 것이라고 글쓴이는 기대하고 있다.

Next.js

Next.js 는 실무로도 접한 경험이 별로 없고 (next.js 를 아예 다루지 않거나 다루더라도 우선순위를 엄청 낮게 두고 앱에 더 중점을 두는, 그런 팀에서만 근무했다) 토이 프로젝트도 한 적이 없다보니 이해도가 너무 낮다. Hydration 도 자주 접한 키워드인데 명확하게는 모르고 있는 것 같아서 좀 찾아봤다.

hydrate가 무엇인가요?(react, next.js)

React의 hydration mismatch 알아보기

CSS

[번역] 한 줄로 업그레이드하는 12가지 최신 CSS

놓치지 쉬운 최신 CSS 속성 12가지를 설명하는 글. 나온지 좀 된 속성도 한두 개 포함되어있는데, 기존에 알고 있는 속성들이라 할지라도 리마인드 하기 좋다.

  • aspect-ratio, object-fit, margin-inline, text-underline-offset, outline-offset, scroll-margin-top, color-scheme, accent-color, width: fit-content overscroll-behavior, text-wrap, scrollbar-gutter

Etc

백준 시간제한과 메모리제한

알고리즘 문제를 풀기 전에 생각해보면 좋은 것. 알면서도 항상 헷갈리는 개념들에 대한 정리다.

스타트업에서 4년간 인프라를 운영하며 좋았던/후회하는 (거의) 모든 인프라 결정들

번역 및 요약 글이다. 많은 인프라에 대한 언급과 리뷰가 있으므로, 훑어보는 것만으로도 충분히 가치가 있는 글이다.