Dropdown 컴포넌트보통 버튼의 오른쪽에 화살표를 표시하고, 버튼을 클릭하면 (주로) 하단에 나타나는 어떤 항목들의 목록을 보통 드롭다운이라고 부른다.Jul 16, 2022Jul 16, 2022
Next.JS hydration 스타일 이슈 피해가기Next.JS를 사용해 웹을 만들어가다보면, 어느 순간 Hydration 이슈를 마주치게 된다. 이번엔 그 상황이 언제, 왜 생겨나는지를 파악해보고, 이걸 피해가를 방법을 알아보자.Jan 24, 2021Jan 24, 2021
WebP 이미지 사용하기구글에서 개발한 WebP는 이미지를 손실 압축하는 대신 용량을 획기적으로 줄여주는 이미지 포맷입니다. JPEG 포맷보다 압축률이 30% 정도 높다고 하지만, 제가 생각하는 최대의 장점은 PNG를 사용해야만 했던, 투명도가 있는 이미지도 압축할 수…Jun 20, 2020Jun 20, 2020
React와 Typescript의 미묘한 불일치리액트는 타입스크립트로 짜인 코드가 아니다. 이것은 타입스크립트와 리액트를 동시에 사용하려고 할 때, 특히 타입스크립트를 제대로 써 보고자 할 때 걸림돌로 작용한다.Apr 2, 20182Apr 2, 20182
GraphQL을 오해하다이번엔 GraphQL을 처음 접한 순간부터, 토이 프로젝트(서버)를 만드는 동안 내가 겪었던 착오와 오해, 햇갈렸던 개념들을 복습해보고자 한다. GraphQL이 대체 뭔가 하는 질문에 대해서는 다른 글을 보길 바란다. GraphQL을 전혀 모르는…Jun 4, 20174Jun 4, 20174
Do we need Redux? (Part 2)Part 1에서는 Flux에서 Redux로 갈 때의 장점이 무엇인지, 어떤 방식으로 동작하기에 그런 장점을 얻는지에 대해 알아보았다. 이번 글은 Flux의 구조를 유지하면서도 큰 변화 없이 Redux의 장점-주로 테스트 가능성-을 얻어오기 위한…Apr 28, 2017Apr 28, 2017
