읽은 좋은 글들 (~21.7.24)
JavaScript
Encoding data for POST requests
POST 리퀘스트의 body
를 어떻게 실어보내는 것이 좋을지에 대한 글. URLSearchParams
, FormData
를 포함한 여러 방법을 소개하고 있다.
JS Is Weird
자바스크립트가 얼마나 이상한 언어인지 소개하고자 만들어진듯한 페이지. 총 25개의 문제를 주는데, 각각의 자바스크립트 문장을 보고 결과값이 무엇인지 맞추는 페이지이다. 재미도 있고 교훈도 있다. (...25문제 중 15문제를 맞췄다)
React
React Architecture: How to Structure and Organize a React Application
React 프로젝트를 구성할 때 디렉토리 구조를 어떻게 할 것인가에 관한 글. React 를 처음 사용할 당시 이런 글이 없어서 참으로 난감했던 기억이 있는데, 그런 의미에서 입문자에게는 영감을 주고 숙련자에게는 본인의 프로젝트를 리뷰하게끔 하게 해주는 글. 물론 맹신할 필요까지는 없다.
Past, Present, and Future of React State Management
React 프로젝트에서의 상태 관리에 관한 글. 제목에서도 알 수 있듯이 과거 현재 미래 관점에서 전반적인 상태 관리 생태계를 훑고 있는 글이다. 꼭 상태 관리 라이브러리를 바꿀 목적이 아니라더라도, 재미로 읽기에도 좋은 글.
How To useContext With useReducer
상태 관리 라이브러리 없이 useContext
와 useReducer
로 상태 관리를 구현하는 방법에 대한 튜토리얼.
React useReducer with Middleware
useReducer
를 사용하면서, middleware 를 어떻게 적용할지에 대한 글.
React Fragments: A Simple Syntax to Improve Performance
React <Fragment />
에 관한 글. 서두에서는 <Fragment />
의 숨겨진 팁을 알려줄 것처럼 이야기하더니 생각보다 별 내용이 없어서 실망. 원래 <Fragment />
를 알고 있는 사람은 굳이 읽을 필요 없지만, 모르던 사람이라면 읽어볼 만 하다.
How to debug unnecessary rerenders in React
React 의 렌더링을 디버깅하기 위한 툴을 소개한다.
5 Code Smells React Beginners Should Avoid
React 를 사용함에 있어 피해야 할 다섯 가지 패턴에 대해 이야기하는데, 사실 읽어보면 "DOM 을 직접 건드리지 말자"를 제외하면 일반적인 코딩 스타일에도 적용되는 이야기다.
기타
How to Create a Responsive Square with CSS
CSS 로 반응형 정사각형을 구현하는 방법에 대한 글. 몇 번이나 해봤으면서 다시 할 때가 되면 매번 까먹는다.
GitHub 접속 용 SSH 키 만드는 방법
GitHub 의 SSH 인증 방식을 사용해보려고 검색하다가 찾은 글. 쉽고 간결하게 설명이 잘 되어있다.
목차
- JavaScript
- React
- React Architecture: How to Structure and Organize a React Application
- Past, Present, and Future of React State Management
- How To useContext With useReducer
- React useReducer with Middleware
- React Fragments: A Simple Syntax to Improve Performance
- How to debug unnecessary rerenders in React
- 5 Code Smells React Beginners Should Avoid
- 기타