hoonjoo-park / onboard-exhibition

It's a simple webpage to display our projects

프리온보드 프로젝트 전시 페이지

전시 소개

프리온보딩 과정을 진행하며 여러 프로젝트들을 팀원들과 함께 했습니다. 하지만 프로젝트가 많다보니 이를 한 곳에 보기 좋게 정리해둘 수 있으면 좋을 것 같아 이와 같은 전시회 페이지를 직접 만들어 보게 됐습니다.

팀 구성
박훈주
이현호
이주영
윤창현

배포 주소

https://preonboard-exhibition.netlify.app/

사용 기술 및 스택

⚙️  Stack
React Hooks
styled-components
React-icons
Deploy : Netilfy
Other : Git / GitHub
Build Tool (Create React App)
Code Quality Tool (Prettier)

---

CRA 구조

.
├── App.js
├── index.js
├── components
│ └── Carousel
│ ├── Card.jsx
│ └── Carousel.jsx
├── constants
│ └── index.js
├── images
├── pages
│ └── mainPage.jsx
└── styles
└── GlobalStyles.js

커밋 컨벤션

깃모지를 사용하여 직관성을 높이고, 기능이나 UI 설계에 따른 메세지를 커밋 메세지에 담는것을 컨벤션으로 결정했습니다. 깃모지로 인해 상대방이 어떤 작업을 수행했는지 한 눈에 확인할 수 있고, 메세지를 보며 조금 더 상세한 상황을 파악할 수 있습니다.

깃모지	사용 예시
🎉	init
🚚	디렉토리 또는 파일 이동
✨	기능 구현
💄	CSS 스타일링
♻️	리팩토링
📝	Readme 수정
➕	모듈 추가
🐛	버그 해결
🚑️	치명적인 오류 해결

---