유지보수를 위해..1 리액트 atomic design패턴과 스토리북 활용하기(Typescript) 안녕하세요 휴몬 랩의 개발팀의 진(JIN)입니다. 오늘은 리액트를 공부하며 많은 디렉터리 구조와 패턴들이 있는데 그중 atomic design과 DDD(Design Driven Development)라는 디자인 주도 개발환경으로 atomic design을 더 분명하게 해 줄 'storybook'에 대해 알아보겠습니다. Atomic Design 회사에서 사용하는 기존 웹 프로젝트가 atomic design 디렉터리 구조로 되어 있었습니다. 보통 관련도가 높은 파일들로 묶어 페이지별로 디렉터리 구조를 구성하는 편이었는데, atomic design구조는 기본 페이지별로 나누는 것은 같지만 원자(atom) - 분자(molecule) - 유기체(orginism) - 템플릿(template) - 페이지(page)의.. 2020. 1. 16. 이전 1 다음