본문 바로가기

fsd

(2)
[스터디] React 폴더 구조, FSD Atomic Design 모노레포까지 ❓폴더 구조 : 그게 뭔데지금까지 나는 폴더 구조에 대해 별 생각이 없었다.이전 회사에서는 혼자서 일했었고, 새로운 사람이 오고 나서도 프로젝트가 급박해서 다른 생각을 할 여력이 없었다. 그러다 퇴사를 하고 이직을 준비하면서 항해 부트캠프를 듣게 되었고, FSD를 알게 되었다.FSD를 공부하면서 느꼈던 것은 ‘왜 이렇게까지 해야 하지?’였다.처음 보는 개념에, 그 개념에 따라 폴더를 나눠야 하니 감이 오지 않았다.팀원들과 이야기를 나누면서 해봐도 의견이 나뉘었다.회사에서 프로젝트 진행하기도 바쁜데 이거 하나까지 이렇게 정해야 한다고?라는 생각에 ‘FSD는 별로다’라고 정해버렸다. 그리고 이 생각을 끝으로 폴더 구조는 다시 저 멀리 사라졌다.  ‼️ 깨달음의 순간 그러다 새로운 직장에 들어오게 되고, 다른..
FSD 폴더 구조란? 1. FSD(Folder-by-Feature Structure)기능별로 프로젝트를 나누어 관리하는 구조를 말한다.각 기능이 독립된 모듈로 관리되도록 구성되며 UI, 데이터 모델, API 호출, 상태관리를 독립적으로 구현할 수 있다. FSD 폴더 구조를 사용하면, 각각의 기능이 독립적으로 동작할 수 있어 유지보수와 확장이 쉬워진다.주로 대규모 프로젝트에서 사용된다. 2. FSD 폴더 구조  FSD의 폴더 구조는 Layers > Slices > Segments로 구성되어 있다.1) Layer역할에 따라 나뉜 폴더 그룹을 의미한다.총 7가지 레이어가 존재한다. - App 레이어전역 설정과 초기화 설정을 관리하는 최상위 레이어이다.상태 관리 설정, 라우팅 설정, 스토어 초기화, 다국어 설정, 글로벌 설정 등이 ..