Programming Languages/JavaScript (4) 썸네일형 리스트형 [ JavaScript ] 자바스크립트 AJAX 송수신 [ JavaScript ] TypeScript 컴파일 # Typescript 프로젝트를 시작할 폴더 생성mkdir -p /app/ws/node/HelloTsc/src && cd /app/ws/node/HelloTsc# Node.js 프로젝트를 초기화# 메타데이터, 종속성, 스크립트, 버전등을 # 포함하는 package.json 파일 생성npm init -y# TypeScript에서 Node.js의 내장 모듈과 기능에 대한# 타입 정보를 사용할 수 있도록 Node.js의 타입 정의 파일 설치# package.json 파일에 dependencies에 @types/node가 추가됨npm i @types/node# TypeScript 전역설치# tsc 명령어를 터미널에서 사용 가능npm install typescript -g# TypeScript 버전 확인tsc .. [ JavaScript ] 크롬 확장프로그램 마우스 우클릭 방지 1. manifest.json{ "name": "MouseDrag", "version": "1.1", "manifest_version": 3, "description": "Available your Mouse Drag, Select And Right Click", "background": { "service_worker": "background.js" }, "action": { "default_icon": "mouseDrag.png" }, "permissions": ["activeTab", "scripting"], "host_permissions": [ "file:///*/*", "https://*/*", "http://*/*" ]} 2. backgrou.. [ JavaScript ] onclick 이벤트 추가 자바스크립트에서의 여러가지 이벤트 리스너 추가방법을 소개한다. 1. 해당 객체에 직접 콜백 함수를 추가 var input = document.createElement("input"); input.onclick = function() { // Click Event 발생 시 동작 함수를 입력한다. examFunc(this); } 클릭 이벤트를 발생할 객체에 직접 이벤트 리스너를 추가하는 방식이다. Html 코드만으로 이벤트 리스너가 등록되었는지는 확인할 수 없어 코드 분석을 조금 어렵게 할 수 있는 장점이 있다. [ 2. 해당 객체의 속성에 콜백 함수를 추가 ] 방식과 비교해 보면 좀 더 쉽게 이해할 수 있다. 2. 해당 객체의 속성에 콜백 함수를 추가 var input = document.createEle.. 이전 1 다음
