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