개인의 관심 키워드에 따라 OX퀴즈를 제공하여 해양 환경문제 관련 정보 및 상식 제공하는 서비스. 해양 환경 문제 관련 인식 및 지식 확산을 목적으로 하며, 퀴즈를 맞춘 이력에 따라 FIN포인트를 부여함. (최근 3개월간 누적 FIN포인트에 따라 메달 배지 업그레이드)
사용자에게 해양 환경문제에 관한 키워드 제공
사용자 관심사의 따른 해양 관련 문제 OX퀴즈 문제풀이
퀴즈를 맞춘 이력에 따라 사용자에게 FIN포인트 부여
플라스틱 컵 또는 음식 포장 용기 미사용에 따라 살릴 수 있는 해양 물고가의 수를 해양 물고가의 수를 포인트화 함
서아름 |
오승택 |
| Web FE | Web FE |
-
브랜치 전략
main: 최종 배포용 브랜치dev: 기능 개발용 브랜치담당자명/기능이름: 기능 별 브랜치- ex. arooming/login
main ㄴ develop ㄴ arooming/login ㄴ taek/modal
-
🚨 반드시 직속 상위 브랜치로 머지
-
❌ 구름톤에서는 빠른 작업을 위해 issue를 사용하지 않습니다!
- 커밋 단위는 반드시 최소한의 작업 단위로 쪼개서, 한 PR당 10커밋 이상 넘어가지 않도록 합니다.
| 커밋 | 역할 |
|---|---|
| init | 초기세팅과 관련된 커밋 |
| feat | 기능 구현과 관련된 커밋 |
| style | 코드 순서, css등의 포맷에 관한 커밋 (기능에 변화X) |
| fix | 버그를 고친 경우 |
| docs | README.md 등 문서를 작성한 경우 |
| chore | 주석 추가, 자잘한 문서 수정 |
|-- 📁 node_modules
|-- 📁 public
|-- 📁 src
|-- 📁 components
|-- 📁 common
|-- 📁 pages
|-- 📁 libs
|-- 📁 hooks
|-- 📁 constants
|-- 📁 assets
|-- 📁 icon
|-- 📁 image
|-- 📁 style
|-- globalStyle.js
|-- theme.js
|-- App.jsx
|-- main.jsx
|-- Router.jsx
|-- .eslintrc.cjs
|-- .prettierrc.cjs
|-- .gitignore
|-- index.html
|-- package.json
|-- README.md
|-- vite.config.js
|-- pakage-lock.lock
📁 src > assets
필요한 아이콘 파일은 Figma 에서 svg로 export 한 후 assets/icon
-
ic_arrow.svg 필요한 이미지 파일은 Figma 에서 png로 export 한 후
assets/image폴더에 넣기 -
img_picture.png index.ts에서 svg 컴포넌트화 하여 export → 컴포넌트에서 import 시 컴포넌트처럼 불러오기
-
파일명 :
ic_test.svg(snake case) -
컴포넌트명 (사용할 때) :
IcTest.svg(Pascal case)
📁 src > pages 페이지의 최상단 컴포넌트. 각 컴포넌트를 하나의 페이지에서 호출하는 곳
📁 src > components ⇒ 페이지 내부 기능 컴포넌트
📁 src > common ⇒ 여러 페이지에서 사용할 공통 컴포넌트 (ex- Button, Header)
📁 src > api api 함수 모아놓는곳
📁 src > hooks custom hooks 정의하는 경우 이곳에서 정의 후 사용
📁 src > constants 상수 데이터 파일 분리하여 사용하는 경우 이곳에서 정의 후 사용
| 역할 | 종류 |
|---|---|
| Library |  |
| Programming Language |  |
| Styling |  |
| Data Fetching |  |
| Formatting |   |
| Package Manager |  |
| Version Control |   |
"vite-plugin-svgr": "^4.2.0"
div남발하지 않고 최대한 시멘틱한 태그를 사용하도록 노력하자- 해커톤 환경 특성상 난이도/볼륨에 대해 적극적으로 의견을 나누자
- 타파트/자신파트의 결정사항에 있어서 조금이라도 불확실한 부분은 반드시!! 확실하게 짚고 넘어가 🚨
- 리프레시 타임을 가지자♻️ : 2시간에 한번씩 5분! 일어나서 움직이고, 스트레칭하고, 산소 공급합시다