전체 글

개요정의: 대규모 프론트엔드 애플리케이션의 구조를 잡기 위한 아키텍처 방법론목적: 애플리케이션을 기능 단위로 분할하여 프로젝트를 더 이해하기 쉽고 구조적으로 만들어, 프로젝트의 규모가 커져도 유지보수에 유리하도록 함 구조레이어의 이름은 제한적, 슬라이스와 세그먼트의 이름은 자유슬라이스는 보통 비즈니스 도메인별로 분리하며 세그먼트는 보통 관례적인 이름 사용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성능 최적화를 ..

무슨 플랫폼이 있나 찾아보기개발 블로그를 시작해야지 하고 여러 블로그들을 돌아다니며 정보를 얻었다.대부분 개발자 분들은 github, velog, 티스토리를 많이 쓰는 것 같았다. 나머진 마이너하거나 내 취향이 아니라 패스각각의 장단점은 다음과 같았다.github장점이자 단점높은 자유도: HTML/CSS/JavaScript 지식으로 처음부터 끝까지 구현해야 한다. 단점수익화 어려움: 수익화를 직접 구현해야 한다.불편한 이미지 업로드: 이미지를 레포지토리에 업로드 후 가져오거나 경로를 업로드해야 한다.깃허브 페이지는 애초에 생각하고 있던 플랫폼이 아니었기에 설명이 적다.그 외의 장점으로 정적 사이트 생성기 (Jekyll 등) 를 지원한다거나 Git을 통한 버전 관리가 있는데 크게 와닿는 장점이 아니었다.v..