본문 바로가기

개발자 메론빵

검색하기
개발자 메론빵
프로필사진 ddiae

웹/앱 개발 및 수업합니다! 문의는 visveryver2@gmail.com


  • 분류 전체보기 (18)
    • FrontEnd (2)
    • React (5)
    • JavaScript (0)
    • TypeScript (2)
    • WebRTC (4)
    • CSS (1)
    • Dev (2)
    • 수업 (2)
Guestbook
Recent Posts
Tags
  • type-challenges
  • type-challenges-easy
  • tanstack-router
  • readonly
  • queryfactory
  • Typescript
  • react-hook
  • LVH
  • useTransition
  • tanstack-query
  • msw2.0
  • Viewport
  • SDP
  • dvh
  • webrtc #ice #stun #turn
  • webrtc
  • svh
  • Vite
  • queryoptions
  • HTTP
  • Mapped type
  • websocket
  • MSW
  • mock-service-worker
  • fsd-architecture
  • startTransition
  • fsd
  • React
  • vh
  • mutationoptions
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록fsd (1)

개발자 메론빵

FSD 아키텍처 적용기

기존 디렉토리 구조에도 FSD 아키텍처를 차용했으나 app, pages, features, shared 레이어만 선택하여 사용하였다. 기능을 조금 더 세분화하고 컴포넌트 단위를 더 쪼갤 수 있도록 기존 구조에서 widgets과 entities를 추가하며 해당 문서를 작성하였다.👩‍💻 Dev실제 개발을 하며 적용한 내용을 본 형식의 인용문에 추가하였다.📌FSD (Feature-Sliced Design)FSD는 기능 분할 설계 아키텍처로, 복잡한 애플리케이션의 기능을 쪼개어 관리하는 프론트엔드 아키텍쳐 패턴이다.큰 개념으로는 layer, slice, segment가 있다.LayerLayer는 애플리케이션의 구조를 기능 단위로 나누는 개념이다. 이를 통해 코드의 재사용성을 높이며 유지보수가 용이하다. 레..

Dev 2024. 8. 8. 10:08
이전 Prev 1 Next 다음

Blog is powered by AXZ / Designed by Tistory

티스토리툴바