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 | 31 |
Tags
- node
- S3
- beanstalk
- Elastic Beanstalk
- ios
- 카카오톡
- 안드로이드
- swift
- fanzeel
- php
- https
- 웹뷰
- angular
- 알려줌
- cors
- 페이스북
- JavaScript
- node.js
- NeXT
- react
- AWS
- 도메인
- angular4
- Route53
- 감사일기
- TypeScript
- 네이티브
- Android
- hybrid
- nextjs
Archives
- Today
- Total
목록2018/10/05 (1)
쪼렙 as! 풀스택
18.10.05 리액트로 smooth scroll 되는 슬라이더 만들기.
Netflix 비슷한 슬라이더를 만들어야 했다. smooth 스크롤을 구현해야 했는데, 검색해보니 여러가지 방법이 있었는데,편하게 쓸 수 있는 것 같은 방법들은 대부분 Edge 까지 지원하질 못했다. 그래서 표준 Javascript 로만 직접 만들기로 했다. 아래 코드는, 지금 진행하고 있는 프로젝트에만 적용되는 코드이긴 한데,시간이 나면 smoothScroll 하는 라이브러리로 오픈소스로 만들어야겠다. import {Component} from 'react'import '../styles/Home.scss' //스크롤 애니메이션 0.5초.const ANIM_DURATION = 300const FRAME_TIME = 10 export default class VideoSlider extends Compo..
개발 일지/Web & Server
2018. 10. 5. 17:17