Design Pattern

Monorepo vs Polyrepo ☝️ Monorepo Monorepo는 여러 프로젝트의 소스 코드를 관리하는 데에 하나의 저장소(repository)만 사용하는 것을 의미합니다. 예를 들어 Monorepo를 이용하면 웹 앱 프로젝트, 모바일 앱 프로젝트, 서버 프로젝트가 한 저장소에 있게 됩니다. Monorepo와 대비되는 개념으로는 Polyrepo(혹은 Multirepo)가 있습니다. 🖐 Polyrepo Polyrepo는 여러 프로젝트의 소스 코드를 관리하는 데에 여러 개의 저장소를 사용하는 것을 의미합니다. Monorepo와 달리 Polyrepo에서는 웹 앱 프로젝트, 모바일 앱 프로젝트, 서버 프로젝트가 각각의 저장소를 갖게 됩니다. 👍 Monorepo의 장점 통합적인 test, build, ..

👆 Monorepo tutorial Monorepo란? 다양한 모듈을 여러개의 레포지터리로 관리하지 않고, 하나의 레포지토리로 관리하는 것을 의미한다. Monorepo를 쓸 상황이 어떤 것이 있을까? 일단 가장 간단한 예시로는 프론트 엔드와 백엔드를 하나의 레포지토리에서 관리하는 것이 있다. 다음으로는 각 프로젝트에서 NPM 모듈 만들어가면서 프로젝트를 진행하는 경우도 있다. 마지막으로 웹과 앱을 만들때 웹 혹은 앱에서 사용했던 로직 혹은 모듈을 공유하기 위해 Monorepo를 쓰기도한다. Monorepo의 장점 통일성이 생긴다 - 여러개의 리포지토리로 관리될 경우 다른 리포지토리의 로직을 보게될 기회가 많이 없기 때문에 코드가 통일되지 않고 중구난방이 된다. 여러 리포지토리로 관리될 경우 같은 기능을 ..

Atomic Design이란? Atomic Design은 Brad Frost가 구상한 모듈러 디자인을 만드는 과정을 도와주는 방법론 중 하나입니다. 웹 디자인이 계속 발전함에 따라 심플한 웹페이지를 만드는 것보다 사용자를 배려하는 디자인 시스템을 개발할 필요성이 늘어나고 있습니다. patternlab.io를 이끄는 Brad Frost와 Dave Olsen는 Atomic Design을 이렇게 부릅니다. 페이지를 만들지 말고, 시스템을 구축해라 시스템을 구축하는 건 뭐고, 페이지는 뭘까? 시스템을 구축하는 건 모든 프론트 앤드 페이지를 개발하거나 디자인하지 않는 것을 의미합니다. 이건 마치 butten같은 작은 요소같이 여겨집니다. 그리고 모든 작은 컴포넌트들이 결합하여 label, box, table, f..