일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 타입스크립트 매뉴얼
- graphql 설명서
- angular lazy loading
- 리액트 스토리북
- react setting
- 프론트
- 앵귤러 최적화
- angular 최적화
- 타입 스크립트
- graphql
- TypeScript
- typescript 정독
- angular optimization
- react atomic
- angular trackby
- typescript 튜토리얼
- 타입스크립트 튜토리얼
- typescript-react-nextjs
- react storybook
- stroybook
- 리액트 셋팅
- typescript 기초
- typescript manual
- 리액트 구조
- 리액트 환경설정
- graphql 개념
- 타입스크립트 기초
- 타입스크립트
- 타입스크립트 tutorial
- 리액트 아토믹
- Today
- Total
목록알면 좋은 개발의 관련된 모든 것 (2)
valleycho

Storybook 이란? Storybook은 UI 개발을위한 도구입니다. 구성 요소를 분리하여 개발을 더 빠르고 쉽게 만듭니다. 이렇게하면 한 번에 하나의 구성 요소에서 작업 할 수 있습니다. 복잡한 개발 스택을 시작하거나 특정 데이터를 데이터베이스에 강제로 넣거나 애플리케이션을 탐색하지 않고도 전체 UI를 개발할 수 있습니다. Storybook을 사용하여 웹 응용 프로그램에서 작은 원자 구성 요소와 복잡한 페이지를 만듭니다. UI라면 Storybook으로 만들 수 있습니다. Storybook은 재사용을 위해 구성 요소를 문서화 하고 버그를 방지하기 위해 구성 요소를 자동으로 시각적으로 테스트하는 데 도움이 됩니다. 맨 아래의 [참고 문서]의 react용 스토리북 튜토리얼을 보고 작성하였으며, 작성 도중..

실제 네이버에서 적용한 사례 - www.youtube.com/watch?v=33yj-Q5v8mQ&feature=youtu.be [네이버 아토믹 디자인 패턴] 아토믹 디자인이란? 요약하면, 디자인을 토대로 하나씩 쪼개고 쪼갠 것을 합쳐서 페이지를 완성하는 것을 말한다. 개념설명 - atomicdesign.bradfrost.com/chapter-2/ Atomic Design Methodology | Atomic Design by Brad Frost Learn how to create and maintain digital design systems, allowing your team to roll out higher quality, more consistent UIs faster than ever before..