frontendschool6 / pet_bridge Goto Github PK
View Code? Open in Web Editor NEW멋쟁이사자처럼 FE 6기 14조 파이널 프로젝트
멋쟁이사자처럼 FE 6기 14조 파이널 프로젝트
기본적으로 모든 네이밍에는 줄임말을 사용하지 않고, 직관적으로 알아볼수 있도록 Pascal Case로 작성합니다. 그 외파일(html, css, js)는 Camel Case로 작성한다.
폴더의 이름은 모두 소문자로 작성합니다.
Component 소스파일은 Pascal Case로 작성합니다.
이름_구역_상태로 작성합니다. (상태가 존재하지 않는 경우에는 생략가능)
아이콘_icon으로 작성합니다. (파일 형식은 .svg로 통일)
Export default는 최하단에 작성합니다.
하나의 파일에서 하나만 내보내지는 경우에만 기본 내보내기(export default)를 사용합니다.
Event Handler의 이름은 handle로 시작합니다. 확인하고 불린값을 반환할 경우
check
show~ 출력할때
useState Hook을 사용할 때는, set함수의 이름은 set~으로 시작합니다.
[상태, set상태] = useState(초깃값);
type(옵션): [#issueNumber - ]Subject // -> 제목
body(옵션) // -> 본문
footer(옵션) // -> 꼬리말
[Modify] Header 파일 배경색 수정
배경색 #FFF에서 FFFDF9로 변경
Type | 설명 |
---|---|
Add | 새로운 파일 추가 |
Modify | 코드 수정 |
Test | 테스트 코드 작성 및 수정 |
Style | 컴포넌트 스타일 및 테마 변경 등의 수정 사항 |
Chore | 화면 및 로직 변화가 없는 작업, 이미지 파일 수정(ex: 파일 구조 변경, 리팩토링) |
Setting | Eslint, dependency, config 파일 등의 수정 사항 |
Comment | 필요한 주석 추가 및 변경 |
Docs | 리드미를 수정한 경우 |
Rename | 파일 혹은 폴더명을 수정하거나 옮기는 작업만인 경우 |
Remove | 파일을 삭제하는 작업만 수행한 경우 |
Merge | push 전 pull 받은 내용 merge 작업 및 로컬 내부에서 브랜치별 merging |
ex)
[Modify]: 테스트 코드 수정
- 이러한 것을 변경하였습니다.
- 저러한 것을 수정하였습니다.
- #13 진행중
📷 스크린샷
📷 스크린샷
📷 스크린샷
📷 스크린샷
📷 스크린샷
유기동물에 관심있는 사용자를 위한 서비스
CSR(Vite + React Router) vs SSR(Next.js)
⇒ Vite + React Router
TypeScript vs. ECMAScript
⇒ ECMAScript
CSS: Sass vs CSS vs CSS Modules vs Tailwind CSS
⇒ Tailwind CSS + CSS Modules
CSS Animation Library: Gsap vs Framer Motion
⇒ GSAP
앱 상태관리: Context API vs Zustand vs Recoil vs Redux
⇒ Context API
서버 상태관리: React Query vs SWR
⇒ React Query
데이터 베이스
⇒ Pocketbase / Pockethost
배포: Github Pages vs Vercel vs Netlify
⇒ 추후 결정
📷 스크린샷
📷 스크린샷
📷 스크린샷
📷 스크린샷
📷 스크린샷
메인 부분에 베너부분과 센터 부분을 위해 스와이퍼 설치가 필요합니다
npm i swiper
📷 스크린샷
📷 스크린샷
📷 스크린샷
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.