-
미디엄 게시글을 읽고 - 2025/01/17카테고리 없음 2025. 1. 20. 11:55
제목 Principles of Simplicity in Front-End Architecture
프런트엔드 아키텍처 시각화하기
출처 https://medium.com/itnext/principles-of-simplicity-in-front-end-architecture-7bc92dcea788 https://medium.com/@junghan92/%EB%B2%88%EC%97%AD-%ED%94%84%EB%9F%B0%ED%8A%B8%EC%97%94%EB%93%9C-%EC%95%84%ED%82%A4%ED%85%8D%EC%B2%98-%EC%8B%9C%EA%B0%81%ED%99%94%ED%95%98%EA%B8%B0-3ae9a3dd8e67 요약 프런트 아키텍처 고려 요소
1. 재사용 가능한 컴포넌트를 가진 모듈형 디자인
2. 라이브러리 사용 줄이기
3. state는 지역적으로 관리
4. 성능 최적화 우선 순위 지정
5. 라이브러리 규칙 잘 따르기
6. 리팩토링 필수
7. ESLint, Prettier등을 사용하여 코드 일관성 유지
8. 반응형 및 접근성 있는 디자인 구현 (Grid, Flex)
9. 주석 및 문서화C4 모델을 이용한 아키텍처 시각화
1. 시스템 컨텍스트 다이어그램
2. 컨테이너 다이어그램
3. 컴포넌트 다이어 그램
4. 코드 다이어그램
https://c4model.com/