Skip to content

mash-up-kr/WonyoungShip-Web

Repository files navigation

둥둥 Group 21

느리지만, 미래의 누군가에게 진심을 담아 보내는 편지

Page5

👥 Maintainers


장현봉

💻

조재석

💻

윤신지

💻

📷 Screen Shot

1 2 3 4
랜딩/홈 image image image image
편지
보내기
image image image image
편지
열어보기
image image image image

🏛️ 아키텍처

WonyoungShip Screenshot

🛠 Tech Stack

Core

  • Next.js
  • React
  • TypeScript
  • TailwindCSS
  • HeadlessUI

Development

  • ESLint
  • Prettier
  • Husky
  • pnpm

🌟 Key Features

1. Next.js App Router & Parallel Routes

/letter/
├── (letter-list)/
   ├── layout.tsx    # 공통 레이아웃
   ├── page.tsx      # 기본 페이지
   └── @view/        # Parallel Route
       ├── calendar/ # 캘린더 
       └── list/     # 리스트 

2. Mash-up Web CLI

자체 개발한 CLI 도구를 통해 API 통신 코드 생성을 자동화:

  • OAS(Swagger) 스펙 자동 파싱
  • TypeScript 타입 생성
  • API 함수 자동 생성

🚨 Known Issues

API Generator 사용 시 주의사항

  • pnpm mash-up-web CLI를 통해 API 코드를 자동으로 생성합니다.
  • 주의: .prettierrc"prettier-plugin-tailwindcss" 플러그인과 충돌 발생
    • 해결방법:
      1. 초기 API 생성 시 해당 플러그인 제거
      2. 이후 mashup.config.tshttpClientRewrite: false 설정으로 재생성 방지

📝 Configuration

mashup.config.ts

const config: MashupConfig = {
  "gen:api": {
    output: "./src/__generated__",
    url: "https://api.doongdoong.org/v3/api-docs",
    instancePath: "@/configs/fetch/instance",
    httpClientRewrite: false,
  },
}

About

WonyoungShip Web Project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages