본문 바로가기

JavaScript

(36)
[#JavaScript] Date, ISO 8601, Safari 사파리와 Chrome 크롬 시간 출력 크롬이나 안드로이드 모바일에서는 남은 시간이 잘 출력되는데 아이폰 모바일, 사파리에서는 NaN가 출력이 되는 경우가 발생한다 크롬과 사파리는 날짜 처리, 그리고 ISO 8601 처리가 다르다고 한다 ISO 8601 날짜와 시간의 표기에 관한 국제 표준 규격 ⑴ new Date("2020-08-19T18:00:00"); Wed Aug 19 2020 18:00:00 GMT+0900(대한민국 표준시) Chrome 크롬 ⑵ new Date("2020-08-19T18:00:00"); Wed Aug 19 2020 03:00:00 GMT+0900(KST) Safari 사파리 ⑴ 한국 시간 기준 ⑵ Date를 GMT+0000로 계산한 후 GMT+0000 기준 시간이 출력되었지만, GMT+0900 기준이라고 ⑶ new ..
[#JavaScript] 자바스크립트 비동기 처리와 콜백 함수, Promise 프로미스, Async await ① 동기와 비동기 ⑴ 동기 요청과 응답이 동시에 일어난다 설계가 간단하고 직관적이지만 응답이 있을 때까지 대기해야 한다 작업은 직렬적, 순차적으로 실행되며 현재 실행 중인 작업이 있다면 이후 작업은 대기하게 된다 function sync1() { console.log(1) } function sync2() { console.log(2) } function sync3() { console.log(3) } sync1() sync2() sync3() // 1, 2, 3 출력 ⑵ 비동기 요청과 응답이 동시에 일어나지 않는다 응답이 오기 전까지 다른 요청이나 작업이 가능하다 작업은 병렬적으로 실행되며 실행 중인 작업이 종료되지 않은 상태라고 해도 대기 없이 다음 작업이 실행된다 function async1() {..
[#JavaScript] ECMA Script, ES5와 ES6의 차이, ES6 문법 특징 ECMA Script(European Computer Manufacturer's Association Script) 정보와 통신 시스템을 위한 국제적 표준화 기구 ECMA 인터내셔널에 의해 제정된 ECMA-262 기술 규격에 의해 정의된 범용 스크립트 언어 ECMAScript는 JavaScript와 같은 스크립트 언어의 표준을 말한다 ECMAScript는 스크립트 언어가 준수해야 하는 규칙, 세부 사항 및 지침을 제공한다 JavaScript는 ECMAScript를 기반으로 하며 ECMAScript 사양을 준수하는 범용 스크립팅 언어다 ECMAScript 언어 중 가장 인기 있는 언어로 알려져 있다 ES5(2009) ES2015(ES6) BABEL JavaScript 컴파일러 ECMAScript 2015+..
[#Javascript] Javascript를 이용해서 웹사이트 우클릭 막기, Ctrl 키 막기, F12 버튼(개발자 도구) 막기 임시방편이지만 그래도 javascript를 이용해서 우클릭, ctrl, 개발자 도구를 막아보자 ① 오른쪽 마우스, 우클릭 막기 ② Ctrl 키 막기 function blockCtrl() { var pressedKey = String.fromCharCode(event.keyCode).toLowerCase(); if (event.ctrlKey) { event.returnValue = false; } } document.onkeydown = blockCtrl; ③ F12, 개발자 도구 막기 $(document).ready(function(){ $(document).bind('keydown',function(e){ if ( e.keyCode == 123 /* F12 */ ) { e.preventDefault()..