| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- vue fullpage
- node
- map함수
- js
- html 화면 이동
- css 적용방법
- Linux
- React
- html
- fullpage
- vue3 fullpage
- js 대입 연산자
- 엄격한 동등비교
- bold처리
- javascript
- js 연산자
- nvm
- 산술연산자
- form 주요 태그
- 연산자
- html 색상적용
- 부등비교
- 대입연산
- 느슨한 비교
- vue
- html 엔터 입력
- css 색상변경
- html 이미지 표출
- html 요소 속성
- html link
- Today
- Total
목록vue fullpage (2)
dev_or_alive
[React&Vue] 풀페이지(Fullpage) 적용하기2 (pageable 패키지)
- 개요 - 특징 - License - Install - Using - 마치며 개요 이전에 react-full-page 패키지를 포스팅하며 추후에 pageable 패키지도 사용을 해보려했었는데 생각보다 시간이 오래걸렸네요. 최근들어 vue 관련 fullpage 라이브러리를 찾다가 vue3에는 마땅한게 없어 pageable 패키지를 검토해보았습니다. react-full-page 패키지와 달리 컴포넌트 형식으로 사용하는게 아닌 pageable 객체를 만들어서 사용하는것으로 보여 vue 코드에 적용을 해보았으며, react코드에도 동일하게 적용 가능합니다. 👉 react-full-page 포스팅 확인하기 [React]풀페이지 적용 하기. react-full-page 목차 - 목차 - 개요 - Install -..
Vue3 FullPage 적용하기? scroll-snap-type
개요 기존에 리액트에서 react-full-page 라이브러리를 이용하여 fullpage 기능을 적용한 적이 있었습니다. 2021.11.19 - [Programming/React] - [React]풀페이지 적용 하기. react-full-page vue3를 알아보면서 비슷한 기능을 테스트 해보면 좋겠다 싶어 비슷한 기능의 라이브러리를 찾아보았지만, vue3를 지원하는 라이브러리는 찾기가 힘들었습니다.(혹시 괜찮은 라이브러리가 있다면 댓글 부탁드립니다.) 그러던중 CSS의 scroll-snap-type 속성을 이용하여 비슷한 기능을 할 수 있다는 글을 보아 테스트 해보았습니다. 구현하기에 앞서 테스트 결과부터 말해보자면 해당 기능이 생각보다 많이 쓰이지 않는 이유를 알 것 같았습니다. 기존 라이브러리들을 ..