Frontend Engineer@RIDI. 개발을 재미있게 이것 저것 하는 개발자입니다.
태그 목록
- 전체보기(47)
- React(25)
- typescript(8)
- redux(8)
- test(7)
- 리액트(6)
- TDD(6)
- 타입스크립트(5)
- storybook(5)
- 디자인 시스템(4)
- hooks(3)
- mobx(3)
- 회고(3)
- react testing library(3)
- react loadable(2)
- ux(2)
- 그리드 뷰(2)
- 후기(2)
- 리덕스(2)
- 디자인(2)
- create react app(2)
- 행사(2)
- Context API(2)
- 벨로그(2)
- enzyme(2)
- 프론트엔드(1)
- 마이크로서비스(1)
- immer js(1)
- immutable js(1)
- Recoil(1)
- react redux(1)
- async(1)
- 비동기(1)
- CockroachDB(1)
- 개발일지(1)
- 리액트 네이티브(1)
- ESLint(1)
- Prettier(1)
- 코드스타일(1)
- 우아한형제들(1)
- constate(1)
- gdg(1)
- 2018(1)
- 회고록(1)
- Jotai(1)
- 리액트를 다루는 기술(1)
- 집필(1)
- react-query(1)
- 2020(1)
- axios(1)
- axios mock adapter(1)
- CSS(1)
- CSS Module(1)
- Sass(1)
- 2019(1)
- 컴포넌트 스타일링(1)
- portals(1)
- 모달(1)
- react native(1)
- jest(1)
- HoC(1)
- code splitting(1)
- styled components(1)
- 상태관리(1)
- addon actions(1)
- addon docs(1)
- addon knobs(1)
- 최적화(1)
- Mock-up(1)
- component(1)
- 전환(1)
- Front Endgame(1)
- 컨퍼런스(1)
- swr(1)
- 리디(1)
- npm(1)
- A B Test(1)
- 밋업(1)
- 원티드(1)
- 토스(1)
- 라프텔(1)
- typesafe actions(1)
- 컴포넌트(1)
- 함수형 컴포넌트(1)
- React.FC(1)
- Rollup(1)
전체보기 (47)React(25)typescript(8)redux(8)test(7)리액트(6)TDD(6)타입스크립트(5)storybook(5)디자인 시스템(4)hooks(3)mobx(3)회고(3)react testing library(3)react loadable(2)ux(2)그리드 뷰(2)후기(2)리덕스(2)디자인(2)create react app(2)행사(2)Context API(2)벨로그(2)enzyme(2)프론트엔드(1)마이크로서비스(1)immer js(1)immutable js(1)Recoil(1)react redux(1)async(1)비동기(1)CockroachDB(1)개발일지(1)리액트 네이티브(1)ESLint(1)Prettier(1)코드스타일(1)우아한형제들(1)constate(1)gdg(1)2018(1)회고록(1)Jotai(1)리액트를 다루는 기술(1)집필(1)react-query(1)2020(1)axios(1)axios mock adapter(1)CSS(1)CSS Module(1)Sass(1)2019(1)컴포넌트 스타일링(1)portals(1)모달(1)react native(1)jest(1)HoC(1)code splitting(1)styled components(1)상태관리(1)addon actions(1)addon docs(1)addon knobs(1)최적화(1)Mock-up(1)component(1)전환(1)Front Endgame(1)컨퍼런스(1)swr(1)리디(1)npm(1)A B Test(1)밋업(1)원티드(1)토스(1)라프텔(1)typesafe actions(1)컴포넌트(1)함수형 컴포넌트(1)React.FC(1)Rollup(1)
CRA로 만든 프로젝트에 Storybook 적용 / 유용한 팁 / 강의를 마치면서..
6. CRA로 만든 프로젝트에 storybook 적용 우리가 디자인 시스템을 만들때만 스토리북을 사용 할 수 있는건 아닙니다. 꼭 디자인 시스템이 아니여도, 기존에 존재하던 웹 프런트엔드 프로젝트에 스토리북을 적용하면 컴포넌트 문서화를 할 때 편하므로 매우 유용합니다. 디자인 시스템을 만들기 위하여 프로젝트를 아예 분리하는것이 번거로운 상황이라면, 기존...
2019년 11월 24일
·
4개의 댓글
Storybook을 활용하여 본격적으로 디자인 시스템 구축하기
스토리북을 쓰는 방법을 어느정도 배웠으니, 이제 Hello 컴포넌트 말고 정말 디자인 시스템에 있어서 유의미한 컴포넌트들을 만들어봅시다. 그런데, 어떤 컴포넌트를 만들어야 할까요? 사실 가장 이상적인것은 프로젝트를 만드는 과정에서 처음부터 디자인 시스템을 구축하고 재사용이 자주 될 것 같은 컴포넌트를 만들게 될 때마다 디자인 시스템에 컴포넌트를 하나씩 ...
2019년 11월 24일
·
4개의 댓글Storybook 프로젝트에서 TypeScript로 컴포넌트의 props 문서화 편하게 하기
TypeScript 를 사용하면 JavaScript의 불편함을 해결해줄 수 있고, IDE를 더욱 적극적으로 활용 할 수 있게 해줍니다. 특히, 리액트 컴포넌트를 TypeScript 로 작성하면, PropTypes 를 완전히 대체 할 수 있고 훨씬 유용하고 편합니다. 아직 TypeScript 를 사용해본적이 없다면, 타입스크립트 기초 연습 블로그 포스트를 ...
2019년 11월 23일
·
3개의 댓글
Storybook을 다양한 Addon과 함께 활용해보면서 사용법 정복하기
Storybook의 기본적인 사용법을 알아보고, 또 다양한 Addons 들을 활용하는 방법을 알아봅시다.
2019년 11월 23일
·
6개의 댓글
TypeScript와 Storybook을 사용한 리액트 디자인 시스템 구축하기
TypeScript와 Storybook을 사용하여 나만의 디자인 시스템을 구축해봅시다! 우선, 디자인 시스템이 무엇인지부터 알아보도록 합시다.
2019년 11월 23일
·
2개의 댓글