봉보로봉봉

Node.js설치 터미널에서 npm -v 입력해서 설치 확인 npm install -g create-react-app 권한이 없으면 sudo npm install create-react-app 설치 에러 뜰 때 참고 : 유저 이름 부분에 내 유저 이름 사용하면 됨 https://stackoverflow.com/questions/55938030/error-eacces-permission-denied-mkdir-when-installing-sth-with-npm/55938343 Error: EACCES: permission denied, mkdir when installing sth with npm Everytime I try to install something with npm (in this case e..

*스크롤 이벤트를 일으키는 같은 코드 제이쿼리 $(window).on('scroll', function(){ console.log( $(window).scrollTop() ); }) 바닐라 자바스크립트 window.onscroll = function(){ console.log( window.scrollY ); } window.addEventListener('scroll', function(){ console.log( window.scrollY ); }) 스크롤을 내렸는지 올렸는지 알아내기 let scrollPos = { y: 0, dy: 0, state: true } $(window).on('scroll', function(){ scrollPos.y = $(window).scrollTop() // {}안..

1 2 3 scroll 이벤트 $(window).on('scroll', function(){ // 마우스가 없는 디바이스를 위해서 scroll 이벤트 사용 console.log(0); // 한번 스크롤을 내리면 여러번의 이벤트가 발생 }); $('body').height(5000); $(window).on('scroll', function(){ clearTimeout(inter) inter = setTimeout(function(){ }, 50); // scroll 이벤트에 텀을 줘서 한번씩만 일어나게 하기 }); scroll의 위치 알아내기 $(window).on('scroll', function(){ clearTimeout(inter) inter = setTimeout(function(){ conso..

컨텐츠의 갯수를 변수화 01 02 03 04 05 let num = 0; let inter, delta; let count = $('.con').length; // 컨텐츠의 갯수를 변수화 $(window).on('mousewheel', function (e) { delta = e.originalEvent.wheelDelta; clearTimeout(inter); inter = setTimeout(function () { if (delta < 0) { if (num != count-1) num++; // 페이지가 더 넘어가지 않게 하는 조건에 변수 사용 } else { if (num != 0) num--; } $('main').css({ transform: `translateY(-${100 * num}vh..

document.write('링크') 이렇게 입력하면 문자열이 고스란히 입력되는게 아니라 html 코드가 입력됨 문자열 관련 기능 '문자'.length 문자열의 글자수 세기 alert('abcdefg'.length) 를 하면 alert에 글자수가 출력 됨! str.toUpperCase() 모든 문자를 대문자로 str.indexOf(찾을 값) str.indexOf(찾을 값, 찾기 시작할 인덱스) 문자열에서 찾을 문자가 몇번째에 있는지 알려줌 찾기 시작할 인덱스 기본값 : 0 -1 : 찾지 못했을 때 str.trim() 문자열에 있는 공백을 없애줌 data- 를 사용하는 방법 화면에 안보이게 데이터를 담아두는 방법 .dataset.(data-)설정이름 data-number div.dataset.number ..

제이쿼리 최신 버전 링크 jquery cdn 힘들게 검색할 필요없이 이거 붙이면 됨! 그러면 항상 제이쿼리 최신버전을 사용할 수 있음!

배울 내용 event (touch, scroll, wheel, drag) > 이런 이벤트들은 api를 활용할 수 있음 디바이스 최적화가 돼서 아주 잘 나오기 때문에 쓰는 것을 추천 string 제어 > 기본이 됨! form 제어할 때 도움이 됨 form 제어 > id pw 체크 storage matchMedia(반응형) ajax(xml, json) canvas .on 여러 이벤트에 걸쳐서 사용 동적인 이벤트에 사용함 $(window).on('mousewheel',function(){ // 마우스 휠을 돌리면 console.log('yup') // 콘솔에 해당 내용을 출력 }); mousewheel scroll하면 페이지가 맞춰서 넘어가게 하기 01 02 03 04 05 main{ color: #d1beb..

보호되어 있는 글입니다.