본문 바로가기

프론트엔드3

React 폴더 구조 정하는 방법(FSD 아키텍처) 프런트엔드 애플리케이션이 점점 복잡해지면서, 코드의 유지보수성과 확장성을 높이는 아키텍처 패턴이 중요해지고 있습니다. 그중 하나가 Feature-Sliced Design(FSD) 아키텍처입니다. 이번 포스팅에서는 FSD 아키텍처의 개념과 구조, 그리고 적용 방법에 대해 알아보겠습니다.[ 엔카코 ]1. FSD 아키텍처란?Feature-Sliced Design(FSD)는 프런트엔드 애플리케이션을 보다 체계적으로 구성하기 위해 만들어진 아키텍처입니다. 주요 목표는 다음과 같습니다:코드의 가독성 및 유지보수성 향상기능(feature) 단위로 코드를 분리하여 관리유연성과 확장성을 높이는 구조 제공FSD는 애플리케이션을 크게 레이어(Layer), 슬라이스(Slice), 세그먼트(Segment) 3가지 요소로 구분합.. 2025. 2. 2.

Window 윈도우 NVM으로 Node.js 버전 관리하는 방법 Node.js는 다양한 프로젝트에서 사용되며, 프로젝트마다 요구하는 버전이 다를 수 있습니다. 이럴 때 NVM(Node Version Manager)을 사용하면 여러 버전을 설치하고 손쉽게 전환할 수 있습니다. 이번 포스팅에서는 NVM을 활용하여 Node.js 버전을 설치하고 관리하는 방법을 알아보겠습니다.[ 엔카코 ] 1. NVM 설치하기nvm-windows 릴리스 페이지에서 최신 버전의 nvm-setup.exe를 다운로드합니다.다운로드한 파일을 실행하고 지시에 따라 설치를 완료합니다.명령 프롬프트(cmd)를 열고 다음 명령어로 설치 여부를 확인합니다.nvm --version2. Node.js 설치 및 버전 관리설치 가능한 버전 목록 확인최신 LTS 버전만 확인하려면:nvm ls-remote --lts.. 2025. 1. 31.

React + Vite 번들링으로 빠르게 설치하는 방법 React를 시작할 때 속도가 느려 고민이신가요? 이번 포스팅에서는 React 프로젝트를 Vite로 빠르게 설치하고 설정하는 방법을 알려드리겠습니다. Vite는 경량화된 번들러로, 빠른 개발 환경을 제공하며 복잡한 설정 없이도 React를 간편하게 실행할 수 있습니다.[ 엔카코 ]1. Vite란 무엇인가요?Vite는 “빠르다”는 의미를 가진 프랑스어 단어에서 유래했으며, JavaScript와 TypeScript 개발을 위한 차세대 빌드 도구입니다. Vite는 기존 번들러와 달리 다음과 같은 특징을 제공합니다.빠른 서버 시작: Vite는 ES 모듈을 활용하여 기존의 번들링 과정 없이 개발 서버를 즉시 실행합니다.빠른 HMR(Hot Module Replacement): 코드 변경 사항을 실시간으로 반영합니다.. 2025. 1. 26.

이전 1 다음

티스토리툴바