읽은 글들 (~22.10.20)
JavaScript
🎥 Jake Archibald: In The Loop - setTimeout, micro tasks, requestAnimationFrame, requestIdleCallback, …
이벤트루프와 연관된 것들의 동작 원리에 대해 설명한 유튜브 영상. 이만큼 잘 설명된 글 또는 영상을 본 적이 없는 것 같다.
Can JavaScript message queues be blocked?
메시지큐의 동작 원리가 도저히 이해되지 않아 직접 질문한 글. 답변은 "메시지큐는 자바스크립트 스레드에서 실행되는 것이 아니라 브라우저에서 실행되는 것이며, 따라서 자바스크립트 코드와 비동기적으로 실행될 수 있다."
답변도 답변이지만 내가 잘못 이해하고 있던 것에 대해 자세하고 시원하고 답변해준다.
js13kGames 2022 winners
한 달 내에 주어진 주제로 13KB 미만의 게임을 만드는 대회의 수상작들. 게임들이 하나같이 다 재밌다. 놀랍다.
React
[번역] 위젯 주도 개발
위젯 주도 개발에 대한 설명 글.
위젯 주도 이전에는 컴포넌트 기반의 개발이 주류였으나, 컴포넌트 개발에는 몇 가지 문제가 존재했다.
- 중복적인 API 요청
- 비효율적인 데이터 관리 (중복 처리 및 일관성 유지 관련)
이것을 API 요청 및 데이터 관리를 전담하는 별도의 레이어를 만들어 컴포넌트와 분리하는 것이 위젯 주도 개발이다. "별도의 레이어"라 함은 react-query, rkt-query 등의 라이브러리를 생각하면 쉽다.
Deep dive: How do React hooks really work?
react 의 hooks 은 어떤 원리로 구현되어있을까? 에 대해 예제 코드를 점진적으로 작성하면서 설명하는 글. hooks 의 원리를 한 줄로 요약하자면 "모듈 단위의 클로저와 배열의 조합" 이라고 할 수 있겠다. 자세한 내용은 본 글을 참고.
Vanilla Javascript로 React UseState Hook 만들기
자바스크립트에서 React 의 useState hook 을 직접 구현해보는 글. 이 글의 놀라운 점은 시리즈라는 것으로, 글의 작성자는 이미 이전 글들을 통해 컴포넌트, 상태관리 시스템, 가상 DOM 을 직접 구현한 상태라는 것이다. 이전 글들부터 하나씩 차근차근 봐도 좋고, 이 글만 봐도 나쁘지 않다.
CSS
(번역) Tailwind CSS의 장점과 단점
Tailwind 를 처음 봤을 때는 "Bootstrap 같은 건가?" 하고 그냥 넘겼는데 인기가 많은 모양이다. 장단점에 대해 설명해놓은 글이다.
내 취향은 아니다.
Unity
요즘 취미로 유니티를 공부 중인데 공부하면서 도움을 받은 링크들이다. 이 글들은 깊이가 깊은 글들이라기보다는 정보 전달에 주력한 글들이니, 첨언하기보다는 목록으로 기록한다.
목차