본문 바로가기

Lang/Javascript

(7)

JS * 변수 초기화에 대하여... JS 를 차근차근 공부한 사람에게는 이 포스팅이 어이 없을지도 모르지만... 마음의 준비 없이 바로 투입된 현재의 나로써는 충격적인 부분을 발견하여 기록한다... 나중에 내가 이 포스팅을 다시 보게 된다면.. 웃고있지 않을까.. 함수를 호출 했을 때, 인자에 값이 있다면(=인자가 초기화 됐다면) 함수 내부에서 같은 이름의 변수를 선.언.만 했을 때는 인자로 전달 된 변수를 사용(?)한다. 어떻게 설명해야 할지도 막막한데.. 예시를 보면 아! 할테니 예시문을 보자 아래와 같은 함수를 생성하고 다음을 호출해보자. function test(a, b, c){ var a, b, c = true; console.log(`It's test ${a} / ${b} / ${c}`); } test(1); test(1, 2)..

JS * Mapbox 사용하기 ( 기초사용법만! ) 중국에서는 google map 사용이 잘 안된다고 한다. 난 안 써봐서 모르겠지만.. 안된 단다... 그리하여 사용하게 된 Mapbox ! 사실 자세한 내용은 워낙 문서가 잘 정리되어 있어서 홈페이지를 방문 하는게 빠르다. 기본 몇가지의 내용만 정리해 둔다! Map 🔗 Create map object and connect element by id. Clear default bottom-right info button if attributionControl option set false. Marker 🔗 Draw marker on the map. const marker = new mapboxgl.Marker({ color: "#FFFFFF" }).setLngLat([-74.5, 40]) .addTo(map..

JS * JSON 데이터 KEY만 UpperCase 하기 ! ( 응용하면 LowerCase 도 가능! ) JSON 데이터의 KEY 네이밍이 정말.. 너무 예쁘더라.. ㅎ 찾아보던 중 좋은 소스를 발견했고 일부 수정해서 사용하기로 했다. 라이브러리로 설치할만한 내용도 아닌거 같구.. 코드에 딱! 하고 모든 내용이 보이니 상세내용은 생략합니다 :) key를 모두 소문자로 바꾸고 싶으시면 toUpperCase() 부분을 toLowerCase()로 바꾸면 되겠져!! function jsonKeyUpperCase(object){ if(Array.isArray(object)){ // 리스트 형식으로 넘어오는 경우 처리 object.forEach((item, index) =>{ object[index] = Object.fromEntries(Object.entries(item).map(([key, value]) => [k..

JQuery * .off() 같은 이벤트 중에 특정 이벤트만 끌 수는 없을까? 정답이 궁금할 테니 가.능.하.다 🥳 🥳 🥳 Don't shout, just clap!! .off()는 이벤트를 제거합니다. .off('이벤트명')는 해당 이벤트에 대한 모든 이벤트를 제거합니다. .off('이벤트명', 핸들러)는 해당 이벤트 핸들러에 해당하는 모든 이벤트를 제거합니다. 이렇든 어떤 것을 삭제해야 하는지 알려줘야 하기 때문에 익명함수의 경우 특정 이벤트 제거를 하기는 어렵다. 아니 없다고 봐야하나. 대충 설명은 저렇게 나와있고 그렇다면 특정 이벤트는 어떻게 끄는 걸까? NameSpace 를 사용하면 된다! 이벤트를 지정할 때 .on('이벤트명.네임스페이스', ~); 요렇게 처리를 하면! .off('이벤트명.네임스페이스'); 를 사용하여 특정 이벤트만 끌 수 있다! 코드로 바로 보기! Se..

JQuery * .one() 이벤트 한번만 사용하기! ( feat .on() .off() ) 최초 1회만 이벤트를 실행하고 이후 이벤트 동작을 하지 않습니다. 사용방법은 .on()과 동일하며 상세 내용은 아래 Documentation을 참고하세요! .one() | jQuery API Documentation Description: Attach a handler to an event for the elements. The handler is executed at most once per element per event type. The .one() method is identical to .on(), except that the handler for a given element and event type is unbound after its first invo api.jquery.com 이제 몇..

JS * 매개변수 개수 확인 함수를 정의하면서 overloading 을 하려고 했더니 되지 않았다. 매개변수의 개수와 상관없이 제일 하단에 작성한 함수가 실행되었다. JS 에서는 overloading 이 안되는 것인가 싶어서 찾아봤더니, 자바스크립트에서는 위와 같이 하면 제일 아래에 선언한 함수가 같은 이름의 함수를 덮어씌워버립니다. 따라서 하나의 함수로 여러 개의 매개변수 또는 다양한 자료형의 매개변수를 처리하는 기법이 필요합니다. 라고 합니다. type 에 대한 처리는 다음에 해보도록하고, 오늘은 매개변수의 개수를 알아보는 방법을 알아보자! arguments.length 를 사용하면 가능하다! 사용법은!? function test('a', 'b'){ console.log(arguments.length); }

JS * 사용자(?) Attribute 만들고 사용하기 ( feat. html ) 오늘 코딩을 하다가 충격적인 것을 알게되었다. html element에 내가 원하는 attribute를 만들 수 있었다 😱. 이때까지 그것도 모르고.. 'input에선 alt에 정보를 넣어놓자! 근데.. select box랑 radio는 어떻게 해야 하지'라는 멍충이 같은 고민을 하고 있었다니.. 역시 공부만이 살길이다. 어떻게 하나? html에서 attribute 만들기(?) 그냥 저렇게 원하는 애트리뷰트명을 적고 값을 주면 끝이다 🤭. Attribute 값 가져오기 위 예시에서 앨리먼트-식별자는 #mine 애트리뷰트-이름은 my-field 가 되겠다! Javascript document.querySelector('앨리먼트-식별자').getAttribute('애트리뷰트-이름'); querySelecto..

이전 1 다음

티스토리툴바