고스락 티켓 2.0

22번째 정기공연 [We are GOSROCK, Invites you] • 프론트엔드 레포지토리

1. 서비스 소개

2. 사용 스택

3. Gosrock.band

• Storybook
• 랜딩페이지

4. 웹페이지 뷰

• Figma 링크

로그인, 인증

티켓 예매

티켓 QR (실시간 소켓 통신을 통한 입장확인)

응원톡

마이페이지

5. 관련 포스팅

• [고스락 티켓 2.0] 기획, 디자인 개편
• [고스락 티켓 2.0] 로그인 과정 (라우팅, Axios)
• [고스락 티켓 2.0] 모달 전역으로 관리하기 with TypeScript
• [고스락 티켓 2.0] React Query 공통 에러 핸들링
• [고스락 티켓 2.0] 무한스크롤 with useInfiniteQuery
• [고스락 티켓 2.0] 타입스크립트에서 Socket.io-client 사용하기
• [고스락 티켓 2.0] 랜딩페이지, GA, 마무리

6. 폴더 구조

├── .github # 액션 워크플로우 세팅
├── .storybook # 스토리북 세팅
├── public
├── src
│   ├── apis # api 관련 파일 (에러 핸들링, axios 설정, 타입)
│   ├── assets # 에셋 파일
│   ├── components # 컴포넌트 파일
│   ├── hooks # 커스텀 훅
│   │   └── queries # 리액트 쿼리 관련
│   ├── pages
│   ├── stores # 리코일 관련 파일
│   ├── styles # GlobalStyle, ThemeProvider
│   ├── utils
│   ├── App.tsx
│   └── index.tsx
└── # configs

7. 참여자

Leader • Front-end • UI/UX	Front-end	Front-end	Front-end
한규진	정상훈	서예진	김주안
9yujin	wjdtkdgns	Jordizzin	duan-3