January 24, 2022
<aside> 👨🏻💻 팀이 모여서 토론이 필요한 팀 별 과제입니다. 기업과제(d)를 시작하기 전에 아래 주제에 대한 토론을 하시고, 과제가 끝난 후 다시 모여 노션에 정리해주세요.
줌, google meets 등으로 온라인 만남이 필수로 요구됩니다.
</aside>
주제: CRA Project Structure
공식적인 단어를 선택하기 위해서 아래 참조링크의 ‘리액트 공식 문서 추천 구조'를 참조하였습니다.
저는 프로젝트를 진행할때 ‘파일의 기능이나 라우트에 의한 분류’ 방법을 사용해서 파일 구조를 정하였습니다.
장점 : 각 페이지의 기능에 맞게 라우트로 분류된 폴더를 정하고, 이렇게 했을 때의 장점은 연관성이 있는 파일 끼리 묶어두어서 다른 사람들이 봐도 직관적으로 이해하기 쉽습니다.
단점 : 구조가 복잡해 질 수 록 한 컴포넌트 폴더가 가지는 파일의 수가 너무 늘어나고, 뎁스가 깊어질 수 있습니다. 따라서 규모가 작은 서비스에 적합합니다.
참조링크 🔗
주제: CSS 작성 방법
Styled Component :
Tailwind CSS :
container
, wrapper
, inner-wrapper
와 같은 클래스명을 고민하지 않아도 된다.주제: Commit Message