두둥

모두를 위한 새로운 공연 라이프, 두둥! • 프론트엔드 레포지토리

두둥은 홍익대학교 컴퓨터 공학과 소속 밴드부 고스락 에서 만든 서비스에요!

1. 서비스 소개

2. 사용 스택

3. Dudoong.com

• Storybook
• 랜딩페이지
• 호스트 어드민 페이지
• 서비스 소개 노션

4. 프로젝트 구조

yarn workspaces를 이용한 모노레포 구조입니다.

├── .github #액션 워크플로우 세팅
├── apps
│   ├── admin #어드민 서비스 (Vite)
│   └── ticket #프론트 서비스 (Next)
│
├── shared
│   ├── ui #공용 theme, ui 컴포넌트
│   └── utils #공용 유틸 함수
└── #...configs

시작하기

1. 의존성을 설치합니다.

yarn install

2. apps 디렉토리 내부에 있는 서비스별로 env 환경변수를 설정해야 합니다. 외부 api 관련 키들을 환경변수로 관리하고 있습니다.

3. 다음과 같이 각 서비스들을 개발환경에서 실행할 수 있습니다.

yarn ticket
yarn admin

5. 개발 과정

지속적으로 작성중에 있습니다.

• 모두를 위한 공연 라이프 - 기획과 디자인
• 프론트엔드 모노레포 구축 삽질기 (1) - 도입 이유, yarn workspaces, berry
• 프론트엔드 모노레포 구축 삽질기 (2) - 프로젝트 세팅 with Next.js, Vite, storybook, emotion
• 프론트엔드 모노레포 구축 삽질기 (3) - CICD 배포, Docker, Github Actions
• 서버 사이드 렌더링(SSR)과 cookie 로그인 정보 다루기
• 선언적인 코드 작성하기 -웹 성능 최적화

6. 참여자

Lead•FE•UI/UX	Front-end	Front-end	Front-end	Front-end
한규진	정상훈	강나연	이한비	김유진
9yujin	wjdtkdgns	kongnayeon	AlmondBreez3	eugene028