인프런 커뮤니티 질문&답변

안녕하세요? 퀄리티 높은 강의 덕분에 많은 도움을 받고 있습니다. 정말 감사합니다 강사님!

제가 궁금한 점은, 저는 기존에 백엔드만 학습했었습니다. 그래서 제가 작성했던 코드들도 백엔드만 고려하여 디렉토리를 설계했었습니다. 예시로 제가 이전에 진행했던 API 로직 관련 프로젝트의 디렉토리 구조는 다음과 같습니다.

.
├── config
│   ├── config.ts
├── controllers
│   ├── post.ctrl.ts
│   └── user.ctrl.ts
├── models
│   ├── index.ts
│   ├── sequelize.ts
│   ├── hashtag.ts
│   ├── like.ts
│   ├── post.ts
│   ├── user.ts
│   └── refreshToken.ts
├── node_modules
├── routes
│   ├── index.ts
│   ├── post.router.ts
│   └── user.router.ts
├── types
│   └── express.d.ts
├── utils
│   ├── generateToken.ts
│   └── authenticateToken.ts
├── index.ts
├── tsconfig.json
├── package-lock.json
└── package.json

이 프로젝트는 SNS와 관련된 api 로직들을 작성하는 것이었습니다. 강사님 강의를 보면서 이 프로젝트에 vue(nuxt)를 이용하여 프론트엔드단의 코드도 작성하려고 하는데, 이럴 경우 디렉토리를 어떻게 설계하면 되는지 궁금해서 질문드렸습니다.

추가로, vue나 nuxt + express 같은 경우 먼저 vue-cli나 nuxt init을 통해 생성되는 짜여진 디렉토리 위에서 backend를 나중에 추가하는 방식이 일반적인 것 같은데, 이런 식으로 구성되는 이유도 궁금합니다.