728x90 반응형 javascript71 [ES6] 기초문법 2 - const 배열 값 변경하기 const arr = [5, 7, 2]; const로 선언된 변수는 상수로 값을 재할당 할 수 없다. const로 선언된 배열의 값을 재할당 하기 위해서는 X 아래와 같이 재할당 시 오류 arr = [1, 2, 3]; O 아래와 같이 재할당 해야 한다. arr[0] = 1; arr[1] = 2; arr[2] = 3; 2019. 5. 8. [ES6] 기초문법 1 - var, let, const var : 변수 선언, 값 재할당 가능 let : 변수 선언, 값 재할당 가능, block-scoped const : 상수 선언, 값 재할당 불가능, block-scoped * block-scoped 란 {} (블록) 내부에서 선언된 변수와 상수는 {} 밖에서는 영향을 주지 않는다. var는 여러번 재 선언해도 에러가 발생하지 않는다. 그러므로 사용을 추천하지 않는다. 2019. 5. 8. [JAVASCRIPT/JQUERY] touchstart/touchend를 이용해 모바일 터치로 스크롤 움직일때 이벤트 추가하기 처음 touchstart 터치를 시작한 시점의 x.y 좌표를 구하고 마지막 터치를 끝내는 지점 touchend 의 x.y를 구해서 어느 방향으로 터치했는지 알 수 있다. 아래결과는 모바일에서 확인가능하다!(또는 크롬 개발자도구이용) See the Pen 터치이벤트 by gahyun (@gahyun) on CodePen. 웹과 모바일 모두 동일하게 적용하기 위해서는 웹에서는 mousedown / mouseup 이벤트를 이용해 구현해 보았다 See the Pen 웹-모바일 모두 적용되는 스와이프 by gahyun (@gahyun) on CodePen. 2019. 4. 25. [JAVASCRIPT/JQUERY] 자바스크립트(&제이쿼리) 선택자 1. 클래스 선택자 document.getElementsByClassName("클래스명"); $(".클래스명"); //해당클래스명을 가진 전체 요소를 배열로 반환합니다. 배열로 반환되므로 document.getElementsByClassName("클래스명")[0] document.getElementsByClassName("클래스명")[3] 과 같이 특정요소 선택이 가능합니다. 제이쿼리에서는 $(".클래스명").eq(0) $(".클래스명").eq(3) 과 같이 사용 가능합니다. 2. 아이디 선택자 document.getElementById("아이디"); $("#아이디"); //해당 아이디를 가진 요소를 반환합니다.(아이디값은 html내에서 1개만 존재함 -중복허용 X) 3. 태그 선택자 document.g.. 2019. 4. 18. 이전 1 ··· 11 12 13 14 15 16 17 18 다음 728x90 반응형