개요정의: 대규모 프론트엔드 애플리케이션의 구조를 잡기 위한 아키텍처 방법론목적: 애플리케이션을 기능 단위로 분할하여 프로젝트를 더 이해하기 쉽고 구조적으로 만들어, 프로젝트의 규모가 커져도 유지보수에 유리하도록 함 구조레이어의 이름은 제한적, 슬라이스와 세그먼트의 이름은 자유슬라이스는 보통 비즈니스 도메인별로 분리하며 세그먼트는 보통 관례적인 이름 사용LayersSlicesSegmentsLayer프로젝트를 최상위부터 가장 기본적인 요소까지 단계적으로 나눈 폴더로 첫 번째 수준의 계층 구조app, processes, pages, widgets, features, entities, shared의 7개로 구성현재는 processes 제외 6개의 레이어만 사용됨app: 애플리케이션 전체의 전역 설정만 담당하며..
📚 학습
Hooks의 종류 - useState- useEffect- useCallback - useMemo, useContext, useRef, useLayoutEffect... useState컴포넌트의 state를 생성하는 훅배열을 리턴하며, 첫 번째 요소는 state 값, 두 번째 요소는 해당 state를 set해주는 setter 함수인자로 넘겨주는 값은 state의 초기값 useEffect컴포넌트가 렌더링 될 때 현재 상태 변화에 따라 조건적으로 특정 작업을 실행하는 훅클린업 함수: 컴포넌트가 언마운트 될 때 및 의존성 배열에 포함된 값이 변화할 때 실행되는 함수, 컴포넌트가 사용했던 자원을 제거 ex) 타이머, 인터벌, 이벤트, 객체 등 useCallback성능 최적화를 ..
