Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
students
survey
Commits
fd387eae
Commit
fd387eae
authored
Jun 28, 2022
by
Yoon, Daeki
😅
Browse files
프론트 프로젝트 구조 지시 사항 추가
parent
9ec3dfc5
Changes
1
Show whitespace changes
Inline
Side-by-side
README.md
View file @
fd387eae
...
@@ -79,3 +79,37 @@ project_directory
...
@@ -79,3 +79,37 @@ project_directory
-
`src`
폴더는 백엔드 코드들이 들어갑니다.
-
`src`
폴더는 백엔드 코드들이 들어갑니다.
-
`frontend`
폴더는 프론트엔드 코드들이 들어갑니다.
-
`frontend`
폴더는 프론트엔드 코드들이 들어갑니다.
## 프론트엔드 프로젝트 구조
-
되도록이면 기능별로 디렉토리를 만들어 사용합니다. 예를 들면 홈 화면과 관련된 기능들은 home 디렉토리에 위치 시킵니다.
-
그리고 모든 디렉토리에는
`index.tsx`
를 만들어 이것을 통해 그 디렉토리에 있는 컴포넌트들을 외부로
`export`
시킵니다.
**절대로**
개별적으로 컴포넌트들을
`export`
**하지 않도록**
합니다.
-
어떤 디렉토리에 위치시킬지 결정할 수 없을 때는 우선은
`src/commons`
디렉토리에 우선 만들고 나중에 의견을 수렴하여 이동하도록 합니다.
다음은 예제 폴더 구조입니다.
```
bash
project_directory
+---dist
| +---index.js
| +---app.js
+---frontend
| +---src
| | +---auth
| | | +---index.tsx
| | | +---Login.tsx
| | | +---SignUp.tsx
| | +---home
| | | +---index.tsx
| | | +---Home.tsx
| | +---index.html
| | +---index.tsx
| | +---App.tsx
| |
\-
--SurveyRouter
.tsx
```
-
`src/index.tsx`
가 프로그램 실행 진입점입니다.
-
`src/SurveyRouter.tsx`
는 라우트에 관련된 것을 다룹니다.
-
`src/App.tsx`
가 최상위 레이아웃 입니다.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment