Skip to content

Commit db571df

Browse files
authored
Merge pull request #2 from chaeyoungwon/feature/frontend/environment-setting
[CHORE] 프론트엔드 개발환경 세팅
2 parents 2555e64 + e76393b commit db571df

22 files changed

Lines changed: 4828 additions & 0 deletions

.github/ISSUE_TEMPLATE/bug.md

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
---
2+
name: Bug
3+
about: 버그 발생 시 사용하는 이슈입니다.
4+
title: "[BUG]"
5+
labels: BugFix
6+
assignees: chaeyoungwon
7+
type: Bug
8+
---
9+
10+
<!-- 작성하지 않은 항목은 모두 지워주세요 -->
11+
12+
## 🐞 Bug description
13+
14+
<!-- 어떤 상황에서 어떤 문제가 발생했는지 구체적으로 작성해주세요 -->
15+
16+
<br/>
17+
18+
## 🐛 Error log
19+
<!-- 콘솔에 찍힌 에러 로그나 네트워크 응답 에러가 있다면 코드 블럭에 포함해주세요 -->
20+
21+
22+
<br/>
23+
24+
## ✅ 작업할 내용
25+
<!-- 이 버그를 해결하기 위해 예상되는 작업을 세분화해서 체크박스 형태로 작성해주세요 -->
26+
- [ ]
27+
28+
<br/>
29+
30+
## 📸 스크린샷
31+
<!-- 시각적으로 이해를 돕기 위한 스크린샷이 있다면 첨부해주세요 -->
32+
33+
<br/>
34+
35+
36+
## 📑참고 문서
37+
<!-- 참고할 수 있는 자료가 있다면 적어주세요 -->

.github/ISSUE_TEMPLATE/feature.md

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
---
2+
name: Feature
3+
about: 기능 개발 및 세팅 작업에 사용하는 이슈입니다.
4+
title: ""
5+
labels: ""
6+
assignees: chaeyoungwon
7+
---
8+
9+
## 📝 IssueName
10+
11+
> 이슈 명을 작성해주세요.
12+
13+
<br/>
14+
15+
## 📝 Description
16+
17+
> 이슈에 대해 간결하게 설명해주세요.
18+
19+
<br/>
20+
21+
## 📝 Todo
22+
23+
> 작업 목록을 작성해주세요.
24+
25+
<br/>
26+
27+
## 📝 참고 사항
28+
29+
> 참고 사항을 적어주세요. 해당 작업을 하는 사람이 참고해야 하는 내용을 자유로운 형식으로 적을 수 있습니다.

.github/pull_request_template.md

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
## ‼️ 관련 이슈
2+
3+
<!-- 해당 PR과 관련된 이슈 번호가 있다면 "- #22" 형태로 작성해주세요 -->
4+
5+
close #
6+
7+
<br/>
8+
9+
## 🔎 개요
10+
11+
<!-- 구현한 기능에 대해 간단하게 설명해주세요 -->
12+
13+
<br/>
14+
15+
## 📝 작업 내용
16+
<!-- 구현한 기능에 대한 구체적인 내용을 작성해주세요 -->
17+
18+
19+
<br/>
20+
21+
## 👀 변경 사항
22+
<!-- 컴포넌트, API, 로직 등 코드 변경으로 인해 협업 시 다른 개발자가 주의해야 할 내용이 있다면 작성해주세요 -->
23+
24+
25+
<br/>
26+
27+
## 📸 스크린샷 (Optional)
28+
<!-- UI에 변경이 있을 경우, 실제 화면을 캡처해서 첨부해주세요 -->

.gitignore

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
# dependencies
2+
node_modules/
3+
.pnp
4+
.pnp.*
5+
6+
# pnpm
7+
.pnpm-store/
8+
9+
# build outputs
10+
.next/
11+
out/
12+
build/
13+
dist/
14+
coverage/
15+
16+
# env
17+
.env*
18+
19+
# logs
20+
npm-debug.log*
21+
yarn-debug.log*
22+
yarn-error.log*
23+
pnpm-debug.log*
24+
.pnpm-debug.log*
25+
26+
# system
27+
.DS_Store
28+
*.pem
29+
30+
# typescript
31+
*.tsbuildinfo
32+
next-env.d.ts

.husky/pre-commit

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
pnpm --filter festival-app/frontend lint-staged

.vscode/settings.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"prettier.prettierPath": "festival-app/frontend/node_modules/prettier/index.cjs"
3+
}

festival-app/frontend/.gitignore

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/.pnp
6+
.pnp.*
7+
.yarn/*
8+
!.yarn/patches
9+
!.yarn/plugins
10+
!.yarn/releases
11+
!.yarn/versions
12+
13+
# testing
14+
/coverage
15+
16+
# next.js
17+
/.next/
18+
/out/
19+
20+
# production
21+
/build
22+
23+
# misc
24+
.DS_Store
25+
*.pem
26+
27+
# debug
28+
npm-debug.log*
29+
yarn-debug.log*
30+
yarn-error.log*
31+
.pnpm-debug.log*
32+
33+
# env files (can opt-in for committing if needed)
34+
.env*
35+
36+
# vercel
37+
.vercel
38+
39+
# typescript
40+
*.tsbuildinfo
41+
next-env.d.ts
Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
.next
2+
node_modules
3+
out
4+
build
5+
coverage
6+
pnpm-lock.yaml
7+
next-env.d.ts
8+
*.tsbuildinfo

festival-app/frontend/.prettierrc

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
"semi": true,
3+
"singleQuote": false,
4+
"trailingComma": "all",
5+
"printWidth": 100,
6+
"tabWidth": 2,
7+
"arrowParens": "always",
8+
"plugins": ["prettier-plugin-tailwindcss"]
9+
}

festival-app/frontend/README.md

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
# Festival Frontend
2+
3+
대학 축제 플랫폼의 프론트엔드 프로젝트입니다.
4+
공연 티켓 예매, 부스 예약, 축제 타임라인, 안내도 등의 기능을 사용자에게 제공합니다.
5+
6+
프론트엔드와 백엔드는 pnpm workspace 기반의 모노레포 환경에서 함께 관리하며,
7+
VSCode Codex Extension을 활용한 바이브 코딩 기반으로 개발을 진행합니다.
8+
9+
<br/>
10+
11+
## 🛠 Tech Stack
12+
13+
- Next.js 16 (App Router)
14+
- TypeScript
15+
- Tailwind CSS
16+
- pnpm workspace
17+
- ESLint
18+
- Prettier
19+
- Husky
20+
- lint-staged
21+
22+
<br/>
23+
24+
## 📦 Project Structure
25+
26+
프론트엔드는 역할별 디렉토리를 기준으로 파일을 분리하고,
27+
각 디렉토리 내부에서는 기능 도메인별로 세분화하여 관리합니다.
28+
29+
```bash
30+
src/
31+
├── app/ # Next.js App Router
32+
├── components/ # 공통 UI 컴포넌트
33+
│ ├── tickets/
34+
│ ├── booths/
35+
│ ├── timeline/
36+
│ └── common/
37+
├── constants/ # 상수 값 관리
38+
├── hooks/ # 커스텀 훅
39+
├── styles/ # 전역 스타일 및 스타일 관련 파일
40+
├── types/ # 공통 TypeScript 타입
41+
└── utils/ # 공통 유틸 함수
42+
```

0 commit comments

Comments
 (0)