개발자의 끄적끄적

[javascript/jquery] [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See 해결 방법 반응협 웹에서 스크롤이라든가 드래그라든가 액션이 일어날때 반응하기 위해서 window.addEvenrListener 를 선언해서 사용합니다. 그렇게 잘 사용하다가 갑자기 아래와 같은 오류가 떠서 검색해봤습니다. [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See 일단 크롬 콘솔에서 위와 같은 에러가 발생할 경..

[javascript/jquery] JSON.parse 사용법 및 예제 javascript 에서 json 형태로 넘어온 데이터를 가공하기 위해서는 JSON.parse 를 사용해서 파싱을 해야합니다. 아래는 파싱예제입니다. var json = '{"result":"OK", "cnt":2}'; var data = JSON.parse(json); 위 내용처럼 파싱을 해서 data 라는 변수에 담아두고 그걸 꺼내서 사용하기 위해서는 아래처럼 사용하시면 됩니다. console.log(data.result); // OK console.log(data.cnt); // 2 json 파싱을 하고난 data 라는 변수에서 result 와 cnt 로 들어있는 변수를 꺼내서 출력한 내용 입니다! 참고들 하세요!

[javascript/jquery] 인스타 그램 영상 게시물 썸네일 가져오기 javascript 로 인스타그램을 많이들 연동하실껍니다. 저또한 연동을 완료했다고 생각했는데... 갑자기 이미지가 안땡겨와진다고 해서 확인해보니.. 영상으로 등록한 경우는 안땡겨지네요... 파싱한 데이터를 살펴보니 이미지로 등록한 게시물은 media_type 이 ALBUM 혹은 IMAGE 로 넘어와져서 조횐된 1행의 데이터 안에 있는 media_url 을 이미지 url 로 가져다 쓰면 됩니다. 하지만 영상으로 등록한 게시물은 media_type 이 VIDEO 로 넘어와서 이미지는 media_url 이 아닌 thumbnail_url 이라는 값으로 추가해서 넘겨주더라구요 ㅠ 위 이미지 처럼 나옵니다! 저처럼 당황하시는 분들 계실까..

[javascript/jquery] 자바스크립트 해시태그 변경 감지방법 javascript 에서 한페이지 안에서 해시태그, 즉, # 의 값이 변경되었을때만 체크해서 특정 동작을 하게 설정하고 싶을때 아래와 같은 방법으로 선언해주면 됩니다! window.addEventListener("hashchange", function(){ // 해쉬 변경이 발생했을때 동작할 로직 to-do }); 위 내용 보시면 아시겠지만, window.addEventListener 를 선언할떄 hashchange 라고 선언을 해놓고 그 안에 이벤트 발생시 로직을 작성해놓으면 됩니다! 참고들 하세요!

[javascript/jquery] 자바스크립트 반올림함수 floor 사용법 및 예제 javascript 에서 소수점을 반올림하고자 할때 사용하는 함수입니다. Math.round(1.5); // 2 Math.round(1.4); // 1 위 내용 보시면 아시겠지만 Math.round() 함수가 바로 반올림해주는 함수입니다. 1.5를 입력하면 2로 나오고 1.4로 입력하면 1로 나오게 됩니다! 참고들하세요!

[javascript/jquery] 자바스크립트 랜덤 정수 생성하기 javascript 에서 숫자를 랜덤으로 생성하는 방법입니다. var rnd = Math.floor(Math.random() * 10); Math.random() 은 0.0~0.9 사이의 소수를 반환하고 그걸 * 10 하고 floor 하면 정수의 값이 나오게 됩니다! 참고들하세요!

[javascript/jquery] input name 동일한 요소 가져올때 주의점 jquery 에서 같은 이름을 가지는 imput 를 가져오거나 제어하고자 할때, 아래처럼 name=inputname 를 선언하면 내용을 확인 할수 있습니다. $("input[name=inputname]") 하지만 배열 형태로 되어 있는 태그를 가져올때는 아래처럼 (') 홀따옴표를 붙여줘야 합니다! $("input[name='inputname[]']") 참고들하세요!

[javascript/jquery] 자바스크립트 체크된 값만 배열에 담기 javascript 에서 체크박스의 체크된 값들만 배열에 담아서 활용하고 싶을때, 아래 예제 처럼 사용하시면 됩니다. var chk_arr = $("input[name='chk[]']"); var chk_data = []; for( var i=0; i