디자인 시스템 정립 과정

팀프로젝트를 하면서 컴포넌트가 일관되지 않는 모습을 많이 발견했습니다. 그래서 팀원과 논의하여 저희만의 디자인 시스템을 만들기로 했습니다. 아래는 지금까지의 결론입니다. 레이아웃만을 위한 컴포넌트 이전에는 레이아웃을 잡기 위해서 Container라던지, Wrapper 라는 이름의 컴포넌트를 정의하고 css로 flex 속성을 주었습니다. 그런데 이런 컴포넌트가 자주 반복되서 Flex 컴포넌트를 만들었습니다. 이렇게 만들어 놓으니 css를 작성하는 코드가 많이 줄었고, 네이밍 걱정도 줄어서 […]

SOP와 CORS

SOP와 CORS에 대해 알아봅니다

명령형 vs 선언형 프로그래밍

명령형 프로그래밍과 선언형 프로그래밍의 차이점을 예제를 통해 알아봅시다

Life of Pixel

Browser Rendering 과정에 대한 설명입니다.

커서야 어디가니

Input의 커서를 컨트롤 해봅니다

Webpack Persistent Cache

webpack5의 persistent cache에 대해 알아봅시다!

Webpack Tree Shaking

Tree Shaking에 대해 알아봅시다

type vs interface

무엇을 쓰냐, 그것이 문제로다

cra없이 리액트 환경 설정하기

CRA없이 한땀한땀 리액트 환경 설정을 해보자

Deep dive in useSelector

react-redux에서 제공해주는 useSelector가 어떻게 동작하는지 살펴보자