일상지식 더하기

들어가기 전에...사이트 분석을 하면서 돔에 걸려 있는 이벤트를 쉽게 찾기 위한 방법이 뭐가 있을까? 예전에는 웹사이트 하면 php, jsp, ...를 많이 생각했었는데, 요즘에는 react, vue, angular, ... 등등 여러 언어로 개발을 하고 있다. jsp, jquery로 되어 있는 웹에서 이벤트 찾을 때는$._data(element, 'events');위와 같이 찾았는데, 요즘에는 확장프로그램도 충분히 좋아진 건지 이제 본 건지... 개발자 도구를 좀 눌러보니 아니 이벤트 리스너(event listeners)가 있네?? 사용해보자예를 들어, 11번가에서 상품상세 화면에 "쿠폰보기"가 있다. 한번 개발자도구로 까보자.2개의 이벤트가 걸려 있는 걸 확인할 수 있다. 아! 여기서 디폴트로 상위가..

#8만원대(81,350원) #11월30일 #10만원대(10만4,280원) #11월22일 로지텍 G 프로 라이트스피드 리그 오브 레전드 무선마우스 #지프로라이트스피드 #G Pro Lightspeed 할인가로 구매하기 "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

프로젝트 생성하기 전... nuxt 설정하는데, 불편해서 vue 3으로 넘어왔다. vue 4 얘기도 나오는 것 같고, 안정화 버전이 vue 2.x 기반으로 되어 있는 nuxt로 굳이 프로젝트를 구성할 필요가 없으니 vue 3.x 로 가보자. 앞으로는 vuex 에서 pinia 로 넘어갈 예정인 것 같다. 기본적으로 vite 설정으로 되어 있는 듯하다. 버전 정보 vue: 3.2.41 pinia: 2.0.23 프로젝트 생성 > npm init vue@latest 모듈 추가 및 설치 > npm i axios > npm i vue-router github 공유 https://github.com/seodaeya/vue-pinia-vite.git GitHub - seodaeya/vue-pinia-vite: vue ..

#8만원대(81,880원)(87,900원) #11월3018일 #경량화 #게이밍 #마우스 로지텍 G PRO Wireless 무선게이밍마우스 정품박스 (로지텍 마우스 패드 정증) #G PRO #무선마우스 #게이밍 할인가로 구매하기 "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

#4만원대(42,500원) #무선충전 #보조배터리 모루이 차박 캠핑용 고속무선충전 대용량 보조배터리 40000mAh 멀티단자 COUPANG www.coupang.com 할인가로 구매하기 "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

#화이트 #9만원대(95,900원) #블랙 #10만원대 로지텍 MX 마스터 3S 무선마우스 #MX Master 3S #무선마우스 할인가로 구매하기 #9만원대(98,900원) #마우스패드포함 로지텍 MX master 3S 무선 마우스 + 로지텍 마우스 패드 #MX Master 3S #무선마우스 #마우스패드포함 할인가로 구매하기 "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."