본문 바로가기

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{ "_comment_name": "확장 프로그램 이름", "name": "MouseDrag", "_comment_version": "확장 프로그램 버전", "version": "1.1", "_comment_manifest_version": "Manifest 버전 (3은 최신 권장 사양)", "manifest_version": 3, "_comment_description": "확장 프로그램 설명", "description": "Available your Mouse Drag, Select And Right Click", "_comment_background": "백그라운드에서 실행되는 서비스 워커 파일", "background": { "service_wo..
[ JavaScript ] onclick 이벤트 추가 자바스크립트에서의 여러가지 이벤트 리스너 추가방법을 소개한다. 1. 해당 객체에 직접 콜백 함수를 추가 var input = document.createElement("input"); input.onclick = function() { // Click Event 발생 시 동작 함수를 입력한다. examFunc(this); } 클릭 이벤트를 발생할 객체에 직접 이벤트 리스너를 추가하는 방식이다. Html 코드만으로 이벤트 리스너가 등록되었는지는 확인할 수 없어 코드 분석을 조금 어렵게 할 수 있는 장점이 있다. [ 2. 해당 객체의 속성에 콜백 함수를 추가 ] 방식과 비교해 보면 좀 더 쉽게 이해할 수 있다. 2. 해당 객체의 속성에 콜백 함수를 추가 var input = document.createEle..

티스토리툴바