🚗 wanted-codestates-project-4-3

로그프레소 기업 과제

### 📌  Team4의 과제 확인하러 가기

🚗 Implement

Stack

Javascript React Styled-Components recoil

✅ 로그프레소

1. 아이템 이동 버튼

• 선택 BOX 와 사용가능한옵션 BOX 아이템옵션이 이동 가능하게 기능 구현

2. 다중 선택

• 여러 옵션을 선택해서 이동할수있는 기능 구현

3. 검색

• BOX 내의 있는 옵션을 검색해서 필터 해주는 기능 구현

4. 설정목록

• 설정 버튼을 누려면 설정창이 뜨는 모달기능 구현
• BOX의 이름 변경이 가능하게 해주는 기능 구현
• 검색 기능을 막는 기능 구현
• 아이템의 갯수를 표시해주는 창을 보이게하거나 안보이게 하는 on/off 기능
  구현
• 아이템 크기(글자) 를 바꿔주는 기능 구현
• BOX 창을 높이,넓이를 조절하는 기능 구현

5. 리셋 버튼

• 리셋 버튼을 누르면 BOX에 있는 옵션을 초기화 시켜주는 리셋 기능 구현

🚗 Directory

├── public/
├── src/
│   ├── components/              - page components
│   ├── hooks/                   - custom hook(useDragAndDrop)
│   ├── pages/                   - rendering pages
│
├── App.js                       - page rendering
├── index.js                     - entry point
├── README.md                    - 리드미(프리뷰, 배포링크, 코드컨벤션)
└── package.json                 - 사용 package 목록

🚗 Code Convention

Getting Started

1. clone the repository,

$ git clone "https://github.com/wanted-Team4/wanted-codestates-project-4-3.git"

2. Install dependencies,

$ npm install

3. start the project,

$ npm start

Commit Emoji

emoji	commit message	when to use it
🎉	Start	프로젝트 시작
✨	Feat	새로운 기능 추가
🐛	Fix	버그 수정
♻️	Refactor	코드 리팩터링
💄	Style	스타일 추가 및 업데이트
📦	Chore	패키지 추가 및 업데이트
📚	Docs	그 외 문서 추가 및 업데이트