Skip to content

DoITFronts/Frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Group 33981

λͺ©μ°¨

  1. νŒ€μ› μ†Œκ°œ
  2. ν”„λ‘œμ νŠΈ μ†Œκ°œ
  3. μ£Όμš” κΈ°λŠ₯
  4. 기술 μŠ€νƒ
  5. URL
  6. 폴더 ꡬ쑰
  7. κ΅¬ν˜„ νŽ˜μ΄μ§€

νŒ€μ› μ†Œκ°œ

TEAM DOIT
κΉ”μŒˆν•œ ν”„λ‘ νŠΈμ—”λ“œ 개발자 단체 DOIT μž…λ‹ˆλ‹€.

πŸ‘‘μ΅œμŠΉμ€πŸ‘‘ μ˜€μ†Œμ˜ 홍쀀기 κΉ€μ •λͺ©

ν”„λ‘œμ νŠΈ μ†Œκ°œ

⚑️ 번개처럼 λΉ λ₯΄κ²Œ! μƒˆλ‘œμš΄ μ‚¬λžŒλ“€κ³Ό λ§Œλ‚˜λ³΄μ„Έμš”

λ²ˆκ°œνŒ…μ€ λˆ„κ΅¬λ‚˜ λΉ λ₯΄κ³  κ°„νŽΈν•˜κ²Œ λͺ¨μž„을 μƒμ„±ν•˜κ³  μ°Έμ—¬ν•  수 μžˆλŠ” 번개 λͺ¨μž„ ν”Œλž«νΌμž…λ‹ˆλ‹€
μ‹€μ œ μ°Έμ—¬μžλ“€μ˜ 신뒰도 높은 ν›„κΈ°λ₯Ό 톡해 μ•ˆμ‹¬ν•˜κ³  λ§Œλ‚¨μ„ κ°€μ§ˆ 수 있으며, μ‹€μ‹œκ°„ μ±„νŒ… κΈ°λŠ₯으둜 μ›ν™œν•œ μ†Œν†΅μ΄ κ°€λŠ₯ν•©λ‹ˆλ‹€.
μƒˆλ‘œμš΄ μ‚¬λžŒλ“€κ³Ό 색닀λ₯Έ κ²½ν—˜μ„ 해보고 싢을 λ•Œ, λ²ˆκ°œνŒ…κ³Ό ν•¨κ»˜ν•΄λ³΄μ„Έμš”!

🎯 ν”„λ‘œμ νŠΈ λͺ©ν‘œ

  • μ‚¬μš©μžλ“€μ΄ λΉ λ₯΄κ²Œ μ›ν•˜λŠ” λͺ¨μž„을 μ°Ύκ³  μ°Έμ—¬ν•  수 μžˆλ„λ‘ 직관적인 UI 제곡
  • μ‹€μ‹œκ°„ μ±„νŒ…μ„ 톡해 μ›ν™œν•œ μ†Œν†΅ 제곡
  • μ‹€μ œ μ°Έμ—¬μžλ“€μ˜ μ‹ λ’°ν•  수 μžˆλŠ” μ†”μ§ν•œ ν›„κΈ° μ‹œμŠ€ν…œ ꡬ좕
  • PWA(Progressive Web App) μ μš©μ„ 톡해 μ›Ήμ—μ„œλ„ μ•±μ²˜λŸΌ μ›ν™œν•˜κ²Œ 이용 κ°€λŠ₯
  • JWT 인증 방식을 λ„μž…ν•˜μ—¬ μ•ˆμ „ν•œ 둜그인 및 νšŒμ› 관리

μ£Όμš” κΈ°λŠ₯

1️⃣ λͺ¨μž„ κΈ°λŠ₯

  • λͺ¨μž„ 쑰회: λ‹€μ–‘ν•œ μΉ΄ν…Œκ³ λ¦¬(술자리, λ³΄λ“œκ²Œμž„, 카페, λ§›μ§‘ λ“±)의 번개 λͺ¨μž„을 ν•œλˆˆμ— 확인 κ°€λŠ₯
  • λͺ¨μž„ 생성: λˆ„κ΅¬λ‚˜ μ‰½κ²Œ λͺ¨λ‹¬μ„ 톡해 μ›ν•˜λŠ” 번개 λͺ¨μž„을 생성
  • λͺ¨μž„ μ°Έμ—¬: μ§€μ—­ 및 관심사 기반으둜 μ›ν•˜λŠ” ν…Œλ§ˆμ˜ 번개 λͺ¨μž„에 μ°Έμ—¬ κ°€λŠ₯
  • λͺ¨μž„ 상세보기: 주졜자 정보, 상세 λ‚΄μš©, μœ„μΉ˜ 정보, μ°Έκ°€μž 리뷰 확인 κ°€λŠ₯
  • 찜 κΈ°λŠ₯: λ§ˆμŒμ— λ“œλŠ” λͺ¨μž„을 찜 ν•΄λ‘˜ 수 있음

2️⃣ 리뷰 μ‹œμŠ€ν…œ

  • μ‹€μ œ μ°Έμ—¬μžλ§Œ 리뷰 κ°€λŠ₯: μ‹ λ’°ν•  수 μžˆλŠ” ν›„κΈ° 제곡
  • 별점 & μ½”λ©˜νŠΈ μž‘μ„±: λͺ¨μž„에 λŒ€ν•œ ν”Όλ“œλ°±μ„ 남길 수 있음

3️⃣ 마이 νŽ˜μ΄μ§€

  • λ‚΄κ°€ λ§Œλ“  λͺ¨μž„ & μ°Έμ—¬ν•œ λͺ¨μž„ 관리
  • μ°Έμ—¬ λ‚΄μ—­ 및 ν›„κΈ° 관리
  • ν”„λ‘œν•„ μˆ˜μ •: λ‹‰λ„€μž„, ν”„λ‘œν•„ 사진, μ†Œκ°œκΈ€ λ³€κ²½ κ°€λŠ₯

4️⃣ μ‹€μ‹œκ°„ μ±„νŒ…

  • μ°Έκ°€μž κ°„ 일정 쑰율 및 정보 곡유 κ°€λŠ₯
  • λͺ¨μž„ μ‹œμž‘ μ „, λΉ λ₯΄κ²Œ μ†Œν†΅ κ°€λŠ₯

5️⃣ μœ μ €κ΄€λ¦¬

  • νšŒμ›κ°€μž…κ³Ό λ‘œκ·ΈμΈμ„ 톡해 λ‚˜λ§Œμ˜ λͺ¨μž„ 관리 κ°€λŠ₯
  • 게슀트둜그인: νšŒμ›κ°€μž…μ—†μ΄λ„ λ²ˆκ°œνŒ… μ‚¬μ΄νŠΈλ₯Ό μ²΄ν—˜ν•΄λ³Ό 수 있음

기술 μŠ€νƒ

🎨 ν”„λ‘ νŠΈμ—”λ“œ




🀝 ν˜‘μ—… & 버전 관리

βš™οΈ 개발 도ꡬ

πŸ›  ν…ŒμŠ€νŠΈ 및 뢄석


πŸš€ CI/CD



URL

πŸ“Œ 배포: λ²ˆκ°œνŒ… μ‚¬μ΄νŠΈ

πŸ“Œ GitHub: λ²ˆκ°œνŒ… GitHub

πŸ“Œ Figma: λ²ˆκ°œνŒ… Figma

πŸ“Œ Notion: λ²ˆκ°œνŒ… 곡유 Notion

폴더 ꡬ쑰

폴더 ꡬ쑰
πŸ“¦ ν”„λ‘œμ νŠΈ 루트
β”œβ”€β”€ πŸ“‚ api                # API 관리 (ν΄λΌμ΄μ–ΈνŠΈ & μ„œλ²„)
β”‚   β”œβ”€β”€ πŸ“‚ client
β”‚   β”‚   β”œβ”€β”€ πŸ“‚ chat        # μ±„νŒ… κ΄€λ ¨ API
β”‚   β”‚   β”œβ”€β”€ πŸ“‚ meeting     # 번개 λͺ¨μž„ API
β”‚   β”‚   β”œβ”€β”€ πŸ“‚ myPage      # λ§ˆμ΄νŽ˜μ΄μ§€ κ΄€λ ¨ API
β”‚   β”‚   β”œβ”€β”€ πŸ“‚ review      # 리뷰 API
β”‚   β”‚   β”œβ”€β”€ πŸ“‚ user        # νšŒμ›κ°€μž…/둜그인 API
β”‚   β”œβ”€β”€ πŸ“‚ middleware      # API μš”μ²­ 미듀웨어 (ex: 인증 처리)
β”‚   β”œβ”€β”€ πŸ“‚ mock            # MSW & JSON-Serverλ₯Ό ν™œμš©ν•œ Mock 데이터 관리
β”‚   β”œβ”€β”€ πŸ“‚ server          # μ„œλ²„ API μš”μ²­ (SSR/SSG μ‹œ ν•„μš”)
β”‚   β”œβ”€β”€ πŸ“‚ socket          # WebSocket μ—°κ²° κ΄€λ ¨ μ„€μ • (STOMP & Socket.js)
β”‚
β”œβ”€β”€ πŸ“‚ app                # Next.js App Router 기반 도메인별 νŽ˜μ΄μ§€
β”‚   β”œβ”€β”€ πŸ“‚ liked          # μ°œν•œ 번개 νŽ˜μ΄μ§€    
β”‚   β”œβ”€β”€ πŸ“‚ meeting        # 번개 λͺ¨μž„ νŽ˜μ΄μ§€ (νŒ¨λŸ΄λΌμš°νŒ… 적용)
β”‚   β”‚   β”œβ”€β”€ πŸ“‚ detail      # λͺ¨μž„ 상세 νŽ˜μ΄μ§€
β”‚   β”‚   β”‚   β”œβ”€β”€ πŸ“‚ [id]    # 동적 λΌμš°νŒ… 적용
β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ πŸ“‚ @bottombar  
β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ πŸ“‚ @card
β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ πŸ“‚ @description
β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ πŸ“‚ @host
β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ πŸ“‚ @location
β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ πŸ“‚ @reviews
β”‚   β”‚   β”‚   β”‚   β”œβ”€β”€ layout.tsx
β”‚   β”‚   β”‚   β”œβ”€β”€ πŸ“‚ components  # μž¬μ‚¬μš© κ°€λŠ₯ν•œ 상세 νŽ˜μ΄μ§€ μ»΄ν¬λ„ŒνŠΈ
β”‚   β”‚   β”œβ”€β”€ πŸ“‚ list            # λͺ¨μž„ 리슀트 νŽ˜μ΄μ§€
β”‚   β”‚   β”‚   β”œβ”€β”€ πŸ“‚ @meetinglist
β”‚   β”‚   β”‚   β”œβ”€β”€ πŸ“‚ @title
β”‚   β”‚   β”‚   β”œβ”€β”€ πŸ“‚ components
β”‚   β”‚   β”‚   β”œβ”€β”€ layout.tsx    
β”‚   β”œβ”€β”€ πŸ“‚ myprofile           # λ§ˆμ΄νŽ˜μ΄μ§€ (λ‚΄ 정보, λ‚΄ λͺ¨μž„)
β”‚   β”œβ”€β”€ πŸ“‚ review              # 리뷰 νŽ˜μ΄μ§€
β”‚   β”œβ”€β”€ πŸ“‚ user                # 인증 κ΄€λ ¨ νŽ˜μ΄μ§€ (둜그인/νšŒμ›κ°€μž…)
β”‚   β”œβ”€β”€ layout.tsx             # 전체 λ ˆμ΄μ•„μ›ƒ μ„€μ •
β”‚
β”œβ”€β”€ πŸ“‚ components              # μž¬μ‚¬μš© κ°€λŠ₯ν•œ UI μ»΄ν¬λ„ŒνŠΈ
β”‚   β”œβ”€β”€ πŸ“‚ layout              # λ„€λΉ„κ²Œμ΄μ…˜ λ°”, ν‘Έν„° λ“± μ „μ—­ λ ˆμ΄μ•„μ›ƒ
β”‚   β”œβ”€β”€ πŸ“‚ modal               # λͺ¨λ‹¬ μ»΄ν¬λ„ŒνŠΈ
β”‚   β”œβ”€β”€ πŸ“‚ shared              # 곡톡 κΈ°λŠ₯ μ»΄ν¬λ„ŒνŠΈ
β”‚   β”‚   β”œβ”€β”€ πŸ“‚ icons           # μ•„μ΄μ½˜ μ»΄ν¬λ„ŒνŠΈ
β”‚   β”‚   β”œβ”€β”€ πŸ“‚ query           # API μš”μ²­ κ΄€λ ¨ UI
β”‚   β”œβ”€β”€ πŸ“‚ ui                  # λ²„νŠΌ, μΉ΄λ“œ, Input λ“± UI μš”μ†Œ
β”‚   β”œβ”€β”€ πŸ“‚ utils               # μœ ν‹Έλ¦¬ν‹° ν•¨μˆ˜ λͺ¨μŒ
β”‚
β”œβ”€β”€ πŸ“‚ hooks                   # μ»€μŠ€ν…€ ν›… λͺ¨μŒ
β”‚   β”œβ”€β”€ πŸ“‚ chat                # μ±„νŒ… κ΄€λ ¨ ν›…
β”‚   β”œβ”€β”€ πŸ“‚ like                # 찜 κΈ°λŠ₯ κ΄€λ ¨ ν›…
β”‚   β”œβ”€β”€ πŸ“‚ map                 # 지도 κ΄€λ ¨ ν›…
β”‚   β”œβ”€β”€ πŸ“‚ meeting             # λͺ¨μž„ κ΄€λ ¨ ν›…
β”‚   β”œβ”€β”€ πŸ“‚ review              # 리뷰 κ΄€λ ¨ ν›…
β”‚   β”œβ”€β”€ πŸ“‚ user                # 둜그인 μƒνƒœ 관리 ν›…
β”‚
β”œβ”€β”€ πŸ“‚ lib                     # μœ ν‹Έλ¦¬ν‹° 및 API μš”μ²­ 관리
β”‚   β”œβ”€β”€ πŸ“‚ constants           # 곡톡 μƒμˆ˜ (toast λ©”μ‹œμ§€, API μ—”λ“œν¬μΈνŠΈ λ“±)
β”‚   β”œβ”€β”€ auth.ts                # 인증 κ΄€λ ¨ μœ ν‹Έλ¦¬ν‹°
β”‚   β”œβ”€β”€ formValidation.ts       # μž…λ ₯ 폼 μœ νš¨μ„± 검사
β”‚   β”œβ”€β”€ pwa.ts                  # PWA μ„€μ • κ΄€λ ¨ μœ ν‹Έλ¦¬ν‹°
β”‚
β”œβ”€β”€ πŸ“‚ store                   # Zustand 기반 μ „μ—­ μƒνƒœ 관리
β”‚   β”œβ”€β”€ πŸ“‚ chat                # μ±„νŒ… κ΄€λ ¨ μƒνƒœ
β”‚   β”œβ”€β”€ πŸ“‚ user                # μ‚¬μš©μž 인증 μƒνƒœ
β”‚   β”œβ”€β”€ likeCoutStore.ts       # μ°œν•œ 개수 관리
β”‚   β”œβ”€β”€ modalStore.ts          # λͺ¨λ‹¬ μƒνƒœ 관리
β”‚   β”œβ”€β”€ profileStore.ts        # ν”„λ‘œν•„ κ΄€λ ¨ μƒνƒœ 관리
β”‚
β”œβ”€β”€ πŸ“‚ public                  # 정적 파일 관리 (μ•„μ΄μ½˜, 폰트, 이미지 λ“±)
β”‚
β”œβ”€β”€ πŸ“‚ test                    # ν…ŒμŠ€νŠΈ μ½”λ“œ (Jest & Cypress)
β”‚   β”œβ”€β”€ πŸ“‚ unit                # λ‹¨μœ„ ν…ŒμŠ€νŠΈ
β”‚   β”œβ”€β”€ πŸ“‚ integration         # 톡합 ν…ŒμŠ€νŠΈ
β”‚   β”œβ”€β”€ πŸ“‚ cypress             # E2E ν…ŒμŠ€νŠΈ (Cypress ν™œμš©)
β”‚
β”œβ”€β”€ πŸ“‚ types                   # TypeScript νƒ€μž… μ •μ˜
β”‚
β”œβ”€β”€ πŸ“‚ styles                  # μ „μ—­ μŠ€νƒ€μΌ (Tailwind CSS ν™œμš©)
β”‚   β”œβ”€β”€ globals.css            # 전체 μŠ€νƒ€μΌ
β”‚   β”œβ”€β”€ theme.ts               # ν…Œλ§ˆ μ„€μ •
β”‚
β”œβ”€β”€ πŸ“œ tailwind.config.ts       # Tailwind μ„€μ •
β”œβ”€β”€ πŸ“œ next.config.mjs          # Next.js μ„€μ •
β”œβ”€β”€ πŸ“œ tsconfig.json            # TypeScript μ„€μ •
β”œβ”€β”€ πŸ“œ package.json             # νŒ¨ν‚€μ§€ λͺ©λ‘

κ΅¬ν˜„ νŽ˜μ΄μ§€

κ΅¬ν˜„ νŽ˜μ΄μ§€λ‘œ 이동!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages