반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- redis
- 스타일 컴포넌트
- 디렉토리이동
- git-hooks
- methodreference
- styled-components
- Atomic Design 패턴으로 페이지 만들기
- Kubernetes
- docker
- GHCR
- 예제
- 배포
- 개발
- backend
- Infra
- Atomic Design
- 자동화
- 쿠버네티스
- 소켓IO
- aws
- 롱 폴링
- 도커
- 리액트
- 캐시
- deployment
- react
- yarn-berry
- 배포자동화
- 백엔드
- 인프라
Archives
- Today
- Total
목록페이지 (1)
SLASH 기술 블로그
Atomic Design이란
Atomic Design이란 Atomic Design이란 디자인 요소들을 나눠서 파악하고 이들의 조합을 통해 또 다른 디자인을 구성하는 방식을 말한다. 이러한 방식은 컴포넌트 단위로 개발하는 React프로젝트와 잘 어울리는데 어떻게 구성하는 디자인 패턴인지 같이 알아보자. 디자인 요소들을 나눠서 파악하고 이들의 조합을 통해 또 다른 디자인을 구성한다는 말은 화학시간에 배웠던 원자 구조와 연관이 있다. 모든 물체는 원자로 구성되어 있다. 이러한 원자들이 결합하여 분자를 형성하고 차례대로 더 복잡한 유기체로 결합하여 하나의 물질을 구성하게 된다. 이 관점으로 하나의 페이지도 마찬가지로 여러가지 작은 컴포넌트들이 존재하고 컴포넌트들끼리 결합하여 하나의 페이지를 구성하게 된다는 것이 Atomic Design이 ..
프론트엔드
2021. 5. 2. 20:44