읽은 글들 (~24.4.4)
JavaScript
Why Does 'is-number' Package Have 59M Weekly Downloads?
불필요한 디펜던시 체이닝에 대해 성토하는 글. 읽어볼만한 주제다.
React
How to start a React Project in 2024
새로운 React 프로젝트를 시작할 때 무엇을 선택하는 게 좋을까? 에 관한 글.
- with Vite
- with Next
- 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년간 인프라를 운영하며 좋았던/후회하는 (거의) 모든 인프라 결정들
번역 및 요약 글이다. 많은 인프라에 대한 언급과 리뷰가 있으므 로, 훑어보는 것만으로도 충분히 가치가 있는 글이다.
목차