FE (26) 썸네일형 리스트형 addEventListener scroll 에서 변화량 확인하기 스크롤을 조금만 내렸을 때 특정 위치로 스크롤 되는 코드를 구현해야 해서 다음과 같이 만들었다. window.addEventlistener('scroll', () => { if (window.scrollY > 100 && window.scrollY { ... useEffect(() => { smo.. Vue Router url 변경 감지 App.vue vue bootstrap sass error https://bootstrap-vue.org/docs#using-module-bundlers BootstrapVue Quickly integrate Bootstrap v4 components with Vue.js bootstrap-vue.org import Vue from 'vue' import { BootstrapVue, IconsPlugin } from 'bootstrap-vue' // Import Bootstrap an BootstrapVue CSS files (order is important) import 'bootstrap/dist/css/bootstrap.css' import 'bootstrap-vue/dist/bootstrap-vue.css' // Make BootstrapVue avai.. functions are not valid as a react child const SomeView = () => { return (..) } ReactDOM.render(SomeView , domContainer); (X) ReactDOM.render(, domContainer); (O) useEffect dynamic depth const func = () => { const array = []; if (조건1) { array.push(state1) array.push(state2) } if (조건2) { array.push(state3) array.push(state4) } return array; } useEffect(() => { array.forEach((k) => { k.method(); }) }, [func]); state가 바뀔때마다 depth 안의 func 도 매번 실행된다 NextJS meta (SEO) 태그가 중복되어 생기는 현상 개발자도구 말고 페이지 우클릭 > 페이지 소스보기 해서 렌더링이 잘 되고 있는지부터 확인해야한다. meta 태그가 들어가있으면 렌더링이잘 되고 있는거 ㅇㅇ 안 들어가 있으면 1. Next/Head 를 쓰고 있는지 확인하고 2. app.jsx 혹은 각 페이지 파일에서 return false / return NULL 같은 렌더링을 방해하는 요소가 있는지 확인 3. 있으면 지워 짜증나게하지마 https://github.com/minseolee/minSEO swiper 에서 뭐 아무튼 width 나 margin이 애매할때 slidesPerView = 'auto' swiper slide 가 세로로 정렬될 때 .swiper-wrapper { display: -webkit-inline-box } 이전 1 2 3 4 다음