# storybook

104개의 포스트

[개발자되기: CDD] Day-37

조립해 나갈 수 있는 부품 단위로 UI 컴포넌트를 만들어 개발 진행CSS가 구조적으로 작성될 수 있게 도움주는 도구CSS 전처리기 중 가장 유명한, CSS를 확장해 주는 스크립팅 언어SCSS 코드를 읽어서 전처리한 다음 컴파일 해서 전역 CSS 번들 파일을 만들어 주는

3일 전
·
0개의 댓글

[React] Component Driven Development

S3U3 W10D4 구조적으로 react 코드 작성하기

4일 전
·
0개의 댓글
post-thumbnail

React Custom Component

컴포넌트 기반 개발에서의 CSS 적용 : Styled-components, storybook 작성법, useRef

4일 전
·
0개의 댓글
post-thumbnail

🗣 <LUVOOK> 팀 프로젝트 회고

러북 팀 프로젝트에 대해 회고한 내용입니다. 오타나 오류가 있으면 댓글로 알려주세용!

6일 전
·
2개의 댓글
post-thumbnail

Storybook을 사용해보다

최근 이직준비겸 자기관리차원에서 포트폴리오를 만들어 보기로했다.어떤걸 만들면 좋을지 고민하다 Storybook을 떠올리게됬다.Vue나 Angular는 해봤지만 React는 써보지않아 React 공부할겸React Component를 만들어 Storybook으로 작성해 보

2022년 6월 22일
·
0개의 댓글
post-thumbnail

Vue3, TS 환경에서 StoryBook 구성하기

Vue3, TypeScript, Vite 환경에서 StoryBook을 구성하는 방법

2022년 6월 16일
·
0개의 댓글
post-thumbnail

Storybook 사용해 보기

React + Storybook + Styled-components 환경에서 Storybook 사용해 보기

2022년 6월 16일
·
0개의 댓글

storybook 스토리붘

스토리붘

2022년 6월 13일
·
0개의 댓글
post-thumbnail

테스트 코드 찍먹기 (with RN)

지난 몇년간 프론트에서의 테스트에 대한 발표가 쏟아져 나왔고 핫한 주제였다. 그 당시엔 막 개발을 배우는 단계였기 때문에 아직 때가 아니라고 생각해서 넘어 갔었다. 하지만, 이제 때가 왔다.테스트를 왜 작성해하는지에 대한 이유는 정말 많다. 리팩토링시에 필수적 요소이다

2022년 6월 11일
·
0개의 댓글

StoryBook (with styled-componets)

StoryBook

2022년 6월 2일
·
0개의 댓글
post-thumbnail

[TIL] 프론트엔드 22.05.26

React... 쉽지 않음...

2022년 5월 26일
·
0개의 댓글
post-thumbnail

[Photorage] 2. React + TypeScript를 Vite로 시작하기(스토리북 추가)

이번엔 Vite를 이용하여 프로젝트를 생성 하고 사용하고자 하는 추가 개발 도구들(스토리북 등)을 설치 해보자. 그 전에 앞서 npm 이나 yarn 이 설치가 되어있지 않은 분들은 그것을 먼저 설치 하도록 하자. 참고 링크 - https&#x3A;//heropy.bl

2022년 5월 26일
·
0개의 댓글
post-thumbnail

Storybook | 기본 설정 및 컴포넌트 구성 방법

이 글은 스토리북 공식문서를 가지고 공부하고 정리한 내용입니다. 혹시라도 틀린 내용이 있다면 알려주세요!스토리북은 UI 개발 도구입니다. 스토리북은 컴포넌트들을 분리시킴으로써 더 빠르고 간단하게 개발할 수 있게 도와줍니다. 또한 스토리북은 전체 UI를 복잡한 기술 스택

2022년 5월 25일
·
0개의 댓글
post-thumbnail

[ TIL ] 2022-05-24

Tips 폴더 depth 는 깊어져도 된다. 쓰는 곳, 횟수에 따라 구조를 잘 짜는 게 더 중요. 웹팩은 사이즈를 줄이기 위해 함수 이름을 임의로 변경한다. js 에서 1000000 을 1000_000 으로 적어도 같다고 인식함. HTML onClick 이벤트 적용된

2022년 5월 24일
·
0개의 댓글
post-thumbnail

[5/24 TIL] 강의 정리

https&#x3A;//codeclimate.com/내 깃 계정을 연결하면 내가 짠 코드에대해서 분석해주고, 평가해준다.https&#x3A;//storybook.js.org/https&#x3A;//www.chromatic.com/내가 만든 컴포넌트를 배포해서 디자인팀과

2022년 5월 24일
·
0개의 댓글
post-thumbnail

스토리 작성하기 (Storybook, TailwindCSS)

📚 Storybook + TailwindCSS 적용하기 Storybook과 TailwindCSS의 공식문서에 나와있는 가이드를 통해 설정을 완료를 하였음에도 yarn storybook 을 통해 Storybook 툴 내부를 확인하였으나 내가 생각한대로 css가 변경이

2022년 5월 16일
·
0개의 댓글
post-thumbnail

[배경 지식] Storybook 시작하기(feat. React + TypeScript)

ICT 인턴을 '미리디' 라는 기업에서 미리캔버스 라는 웹사이트의 프론트엔드 개발자로 진행하고 있다. 여러가지 공부를 하고 있는데, 여기서 알게 된 것이 스토리북 이라는 것이다.이 가이드는 전문 개발자들이 디자인 시스템을 배울 수 있는 방법을 다루고 있습니다. 자바스크

2022년 4월 28일
·
0개의 댓글

Storybook 익히기 #1

스터디에서 좋은 사람들을 만나서, 프로젝트를 만들기로 했다.디자인과 백엔드를 담당해주시는 분이 한 분 있고, 프론트는 나까지 두 명이다. 이번에 스토리북을 써보기로 해서, 디자인이 나오기 전까지 스토리북과 리덕스를 대략적으로 공부를 해보고 있다.아직 디자인이 나오지 않

2022년 4월 28일
·
0개의 댓글
post-thumbnail

rollup + storybook 따라하기

왜 rollup인가? 스토리북의 기본 설정은 기존의 프로젝트에 같이 합쳐서 쓰는 것이다. 하지만 실제로 이렇게 써볼 경우 기본적으로 스토리북은 해당 프로젝트의 UI 컴포넌트에 종속적이 된다. 따라서 n개의 프로젝트에서 UI 컴포넌트를 쓰고, 해당 UI 컴포넌트를 독립적

2022년 4월 26일
·
0개의 댓글
post-thumbnail

Storybook이 뭔가요? 리덕스는 또 뭐죠?

스토리북 (Storybook) 스토리북은 리액트 UI 컴포넌트를 개발할 때 쓰이는 라이브러리다 전체 모양을 세우는 프레임워크와는 다르게 라이브러리는 필요한 부분만 쏙쏙 골라 쓸 수 있어서 편리하다 스토리북은 맨 처음 React만 지원했지만, 현재는 Vue도 지원한다.

2022년 4월 14일
·
1개의 댓글