일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- react hook
- 리액트 훅
- 컴퓨터 네트워크
- 자바스크립트
- react
- 자바
- 자바 공부
- 데이터모델링과마이닝
- 프로그래밍 언어론
- 백준
- 코틀린
- React JS
- 코딩테스트 고득점 Kit 완전탐색
- Java
- 코딩테스트 고득점 Kit
- useState
- vanillaJS
- 장고
- 디자인 패턴
- 프로그래머스
- codesandbox
- design pattern
- 프로그래머스 자바
- 리액트
- websocket
- NextJS
- JavaScript
- react firebase
- 프로그래머스 완전탐색
- useEffect
Archives
- Today
- Total
목록react-select Singlevalue (1)
기록하는 개발자
[React] react-select를 사용해보자
현재 만들고 있는 프로젝트는 가게 직원의 스케줄 및 출근부를 관리하는 웹 페이지이다. 각 가게마다 같은 이름의 직원이 등록될 수 있다고 간주하고 이름과 색상을 함께 조합하여 구분한다. (즉, 이름과 색까지 모두 같을 수는 없음) 이에 스케줄 및 출근부의 작성과 수정 시 직원을 선택할 때 색도 함께 보여주어야만 하는데 이미 위와 같이 select, option 태그로 구현을 해놓은 뒤에야 문제점을 발견하게 되어 뒤늦게 리팩토링을 하게 되었다. select 태그에 색을 넣기 위해서는 div 태그로 직접 select를 구현하거나 라이브러리를 사용해야했다. 직접 구현하는 것이 빠르기는 하지만 react-select 라이브러리를 경험해보고 싶어서 적용해보았다. 설치 - react-select 와 chroma-js..
Web/React
2023. 4. 7. 17:48