🏆 35기 AND SOPT 솝커톤 웹 4팀, OOPSIE! 웹부분 대상 수상 🏆
- 내 실패 게시물
- 자신의 실패와 실수 경험을 텍스트 형식으로 기록
- 배경 선택을 통한 게시물 커스텀(꾸밈)을 통해 실패를 실패답지 않게 표현
- 각각의 게시물에 사람들이 스티커를 붙여 공감과 위로의 뜻을 표현
- 타인 실패 게시물 탐색
- 다른 사람들이 작성한 실패 게시물(타인의 실패 경험)을 확인할 수 있는 피드 제공
- 익명성을 보장하여 자유롭게 자신의 실수와 실패를 공유
- 공감 스티커
- 오히려 좋아, 너 재능있어, 한 잔해, 펠리컨적 사고 등 실패를 나무라지 않고 다른 관점으로 바라볼 수 있는 스티커로 서로의 실패에 공감과 위로의 뜻을 전달
실패를 나누고 공감하며, 유쾌한 경험으로 바꾸는 OOPSIE!
OOPSIE와 함께라면,
모든 실수와 실패는 웃으며 넘길 수 있는 소중한 경험이 됩니다.
함께 실패를 나누고 공감하며, 유쾌한 경험으로 바꿔보세요 !
강민하 | 이윤지 | 임화랑 | 배영경 |
- 강민하 (리드)
- 게시글 상세보기 뷰 담당
- 실패 공감 이모지 등록 API 연결 (POST)
- 실패 공감 이모지 취소 API 연결 (DELETE)
- 이윤지
- 메인 페이지 뷰 담당
- 전체 실패 목록 조회 API 연결 (GET)
- 임화랑
- 글 등록 페이지 뷰 담당
- 메인페이지 뷰 관련 컴포넌트 담당
- 실패글 등록 API 연결 (POST)
- 배영경
- 마이페이지 뷰 담당
- 전체 실패 목록 조회 API 연결 (GET)
- 실패 공감 순위 조회 API 연결 (GET)
- 상세 실패글 조회 API 연결 (GET)
- 다른 파트와 소통할 때는 존경을 담아서 ! (선생님 등의 호칭 붙이기)
- 둥글둥글한 말투
- 모르는거 바로 물어보기
- 힘들어도 웃기 😃
- ⭐️ 즐기면서 행복하게 솝커톤하기 ⭐️
main은 프로덕트 배포를 위한 브랜치에요. 모든 작업은 develop 에서 분기된 브랜치에서 진행돼요.
develop에서 분기된 브랜치는 구현기능유형 / 이름 / 구현기능
네이밍 규칙을 가져요. (camelCase 사용)
- ex)
feat/cardCommponent/hwarang
커밋 메시지는 커밋유형: <구현, 수정, 개발한 내용에 대한 커밋 메시지>
ex) feat: Card 컴포넌트 제작
| 커밋유형 | 의미 |
| --- | --- |
| `feat` | 새로운 기능 추가, css 및 UI 기능 포함 |
| `fix` | 버그 수정 |
| `docs` | 문서 수정 |
| `style` | 코드 formatting, 세미콜론 누락, 코드 자체의 변경이 없는 경우 |
| `refactor` | 코드 리팩토링 |
| `chore` | 패키지 매니저 수정, 그 외 기타 수정 |
| `deploy` | 배포 관련 |
| `setting` | 개발 환경 세팅 |
feature 브랜치에서 develop 브랜치로 merge할 때는 PR을 이용해요.
- merge는 기본적으로 Squash and Merge 방법을 사용해요.
PR 탬플릿을 활용해 간단하게 구현한 기능들을 문서로 관리해요.
|-- 📁 node_modules
|-- 📁 public
|-- 📁 svg
|-- 📁 src
|-- 📁 asset
|-- 📁 svgs
|-- 📁 images
|-- 📁 components
|-- 📁 Button
|-- Button.tsx
|-- Button.style.ts
|-- 📁 pages
|-- 📁 HomePage
|-- 📁components
|-- 📁types
|-- HomePage.tsx
|-- HomePage.style.tsx
|-- 📁 hooks
|-- 📁 styles ( GlobalStyles , theme.ts )
|-- 📁 utils ( 재사용이 높은 함수모음 폴더 )
|-- 📁 constants
|-- 📁 mocks
|-- 📁 apis
|-- 📁 type
|-- 📁 routes
|-- App.tsx
|-- main.tsx
yarn (version 1.22.22)