React

컴포넌트, 이미지 등 리소스가 필요해지는 순간까지 로딩을 미루는 것이다.페이지를 처음 로드할 때 당장 필요하지 않은 리소스까지 한 번에 다 불러오게 되면 시간이 오래 걸리고 낭비의 가능성이 높기 때문이다.React에선 Code-splitting을 통해 Lazy-load

React Query란? redux, recoil, mobx, zustand와 같은 라이브러리들이 클라이언트 상태 관리 라이브러리라면 React Query는 서버 상태 관리 라이브러리다, 즉 api를 호출해 서버에서 비동기로 가져오는 데이터들을 관리하기 쉽게 만들어주

SRP - Single Reponsibility Principle 한국어로는 단일 책임 원칙 이라고 부른다. 말 그대로 하나의 클래스는 단 하나의 일만 해야 한다는 규칙이다. 오늘 개선할 코드는 아래와 같다.

한국어로는 개방-폐쇄 원칙이라고 부른다.객체는 확장에는 열려 있고 변경에는 닫혀 있어야 한다는 원칙이다.다시 말해 기능이 추가되거나 변경될 때 기존 코드를 변경하지 않아도 되어야 한다는 의미이다.버튼 컴포넌트를 예시로 들겠다.Button 컴포넌트는 props를 전달받고

한국어로는 리스코프 치환 원칙이라고 부른다.상위(부모) 타입 객체를 하위(자식) 타입 객체로 치환해도 정상 작동해야 한다는 원칙이다.Custom Input 컴포넌트를 예시로 들겠다.SearchInput 컴포넌트는 input태그의 하위 타입 객체라고 볼 수 있다.Reac

ISP - Interface Segregation Principle

한국어로는 의존성 역전 원칙이라고 부른다.고수준 모듈이 저수준 모듈에 의존해서는 안 되고, 둘 다 추상화에 의존해야 한다는 원칙이다.고수준 모듈은 모듈의 본질적인 기능을 나타내고, 저수준 모듈은 고수준 모듈의 기능을 수행하기 위한 각각의 동작들을 나타낸다.고수준 모듈보

React Docs에 쓰여 있는 useEffect의 정의다.useEffect는 컴포넌트를 외부 시스템과 동기화하기 위해 사용하는 hook이라고 한다.React Docs - You Might Not Need An Effect에 따르면, 불필요하게 useEffect를 사용