Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- ES6
- 레인지 슬라이더
- 토이 프로젝트
- 우아한테크코스
- 인사이드 자바스크립트
- 자바스크립트
- 우아한형제들
- Hello Coding HTML5+CSS3
- 코드스쿼드
- 모듈 배포하기
- 주간 회고
- CSS
- 리액트
- 우아한테크캠프 4기
- 회고의 회고
- toast
- 개인 프로젝트
- 자바스크립트 객체
- express
- npm
- 알고리즘
- 네이버 테크 콘서트
- 우아한테크캠프
- AWS
- 함수
- 자바
- 프로그래머스
- 러닝 자바스크립트
- 토이프로젝트
- html
Archives
- Today
- Total
목록레인지 슬라이더 (1)
블로그
[모듈] 양방향 레인지 슬라이더(Double handle range slider) 만들고 배포하기
코드스쿼드 프로젝트에서 레인지 슬라이더를 만들어야 할 일이 생겼다. 직접 구현하고 싶었지만 react-range 라는 모듈을 사용해서 구현했고, 프로젝트를 끝내고 주말인 오늘! 직접 구현을 해보려고 책상에 앉았더니 유튜브가 2시간을 뺏어가버렸다.. 하여튼 포스팅과 함께 레인지 슬라이더 만들기를 연습해보려 한다. 현재 시각 2021년 6월 5일 오후 3시 21분 시작! 이번 프로젝트에 구현해야 했던 레인지 슬라이더는 곡선이라는 점을 제외하면 아래의 이미지와 비슷한 느낌! 단방향이 아닌 양방향으로 구현해야 하며, 이를 어떻게 구현해야 할 지 고민만 하고 끝나버렸다. 처음부터 목표를 배포로 잡다보니 많은 기능을 고민했고, 때문에 목표가 좌초되지 않았을까.. 이번에 생각한 기능은 다음과 같다! 1. 기획 필수 ..
개인 프로젝트
2021. 6. 5. 17:10