JS(17)
-
e.which에 대한 고찰
게임 프로젝트를 인강 보면서 만들다가 e.which (event.which)에 대한 내용을 간략하게 적어보려 한다. /* 코드를 작성하세요 */ const key = { keyDown : {}, keyValue : { 37: 'left', 38: 'up', 39: 'right', 40: 'down' } } // 1. 윈도우 이벤트 = 키, 마우스등의 이벤트 // e.which = 키값 보기 위한 코드 const windowEvent = () => { window.addEventListener('keydown',(e) => { console.log(e.which); key.keyDown[key.keyValue[e.which]] = true; console.log(key.keyDown); }); window..
2022.08.25 -
[펌] 반응형 슬라이더 Swiper (사용 방법/예제) 웹퍼블리싱 - 마우스 롤링
https://github.com/nolimits4web/swiper/archive/v5.3.0.zip 여기에있는 CSS랑 JS 받고 나서 기본 레이아웃 추가까지 완료하면 마우스 롤링 완료됨. https://www.biew.co.kr/entry/%EB%B0%98%EC%9D%91%ED%98%95-%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%8D%94-Swiper 반응형 슬라이더 Swiper (사용 방법/예제) 웹퍼블리싱 안녕하세요, 맑은커뮤니케이션의 퍼블리셔 윤상원입니다. 오늘은 IE10 이상을 지원하는 페이지 작업을 할 때 유용하게 쓰이는 Swiper에 대해 정리해보았습니다. 사용 방법 1단계: 연결(두 가지 방 www.biew.co.kr
2022.06.22 -
지역 선택 JS로 제어하기
https://jineecode.tistory.com/81 지역 선택 JS로 제어하기 개요: 매장 map을 구현하다가 각 지역 시/군/구의 option 값을 하드코딩하는 게 비효율적이라서 JS를 찾아보았다. imivory.tistory.com/9 [javascript] selectbox 선택에 따라 두번째 selectbox 값 변화 [javascri.. jineecode.tistory.com
2022.02.07 -
[Javascript] input 박스에 숫자만 입력되도록 설정하는 4가지 방법
https://hianna.tistory.com/413 [Javascript] input 박스에 숫자만 입력되도록 설정하는 4가지 방법 input 박스에서 사용자에게 숫자만 입력되도록 설정하는 방법 4가지를 소개합니다. input 박스에 숫자만 입력되도록 설정하는 4가지 방법 1. 'type'을 'number'로 지정하기 2. 입력된 keycode 체크하기 hianna.tistory.com 여기에서 3번 방법으로 숫자만 입력 받게 해결 함.
2022.02.04 -
DOM은 무엇인가? DOM Node와 Element의 차이
출처 : https://velog.io/@yejineee/DOM%EC%9D%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80-DOM-Node%EC%99%80-Element%EC%9D%98-%EC%B0%A8%EC%9D%B4 DOM은 무엇인가? DOM Node와 Element의 차이 여행자보험의 보장명과 보장가격을 가져오기 위해 웹크롤링을 해보았다. 사실 이 과정은 그냥, html parsing해주는 라이브러리를 사용해서 html에서 내가 원하는 정보를 가져오는 것이 전부였다. 원 velog.io
2021.07.29 -
[Javascript] typeof 와 instanceof의 차이, 타입 또는 클래스 구분하기
출처: https://unikys.tistory.com/260 [Javascript] typeof 와 instanceof의 차이, 타입 또는 클래스 구분하기 * typeof와 instanceof는 어떠한 변수가 문자열인지아닌지, 특정한 객체인지 아닌지 판단할때 사용하는 '연산자'들이다. 이들 둘이 어떻게 다른지 살펴보고 사용하면서 있을 수 있는 약점들도 같이 unikys.tistory.com
2021.07.29