반응형 Embedded/JavaScript60 [JS] number e는 10의 거듭제곱을 수행한다. let billion = 1000000000; let billion = 1e9; // 10억 | e9는 0을 9개 붙인다. let minus = 1e-3; // 1 / 1000 = 0.001 | 10을 세 번 거듭제곱한 숫자로 나눈다. 16진수 alert( 0xff ); // 255 alert( 0xFF ); // 255, 대 소문자를 가리지 않는다. 2진수와 8진수 let a = 0b11111111 // 255, 2진수 let b = 0o377 // 255, 8진수 toString(Base) let num = 255; alert( num.toString(16) ); // ff | 255값을 16진수로 변환 합니다. alert( num.toString(2) ); // 1.. 2023. 10. 23. [JS] String var sample1 = new String("Sample1"); //첫 번째 방식 var sample2 = "Sample2"; //두 번째 방식 charAt() var Sample = "Hello"; var result = Sample.charAt(1); document.write(result); //2번째 글자인 e를 반환함 IndexOf() / lastIndexOf() var Sample = "Hello World! LKT PROGRAMMER World"; var result_indexOf = Sample.indexOf("World"); var result_lastindexOf = Sample.lastIndexOf("World"); document.write(result_indexOf); // 앞에.. 2023. 10. 23. [JS] ECMA스크립트 ECMA스크립트(ECMAScript, 또는 ES) Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 자바스크립트를 표준화하기 위해 만들어졌다. 액션스크립트와 J스크립트 등 다른 구현체도 포함하고 있다. ECMA스크립트는 웹의 클라이언트 사이드 스크립트로 많이 사용되며 Node.js를 사용한 서버 응용 프로그램 및 서비스에도 점차 많이 쓰이고 있다. 2023. 10. 23. [js] Parcel 번들러 번들러가 대체 뭐지? 번들러는 여러 개로 모듈화된 자바스크립트 파일을 하나로 합치는 도구이다. 브라우저는 모듈화된 자바스크립트는 읽지 못하기 때문에 브라우저에서 코드를 실행하려면 반드시 번들러가 필요하다. 설치 $ npm install -g parcel-bundler 2023. 10. 23. [JS] NPM Node.js를 설치하면 같이 설치되어 사용할 수 있습니다. npm에는 Node.js에서 사용되는 각종 코드 패키지들이 모여있고, 우리는 그 패키지를 다운로드 받아 사용할 수 있습니다. 좀 더 쉽게 npm은 Node.js 생태계의 앱스토어나 플레이스토어 같은 역할을 합니다. 자주 사용하는 npm 명령어 package.json 생성 $ npm init # 기본 설정 $ npm init -y 패키지 설치 # 로컬 설치 $ npm install # 전역 설치 $ npm install -g # 개발 설치 $ npm install --save-dev # package.json의 모든 패키지 설치 $ npm install 패키지 제거 # 로컬/개발 패키지 제거 $ npm uninstall # 전역 패키지 제거 $ .. 2023. 10. 23. [JS] Node.js Node.js란 무엇입니까? 자바스크립트를 브라우저 말고도 로컬 PC에서도 실행시켜줄 수 있는 실행창(런타임)입니다. Node.js를 실행하면 그냥 자바스크립트 입력란이 하나가 뿅 뜨고요. 거기다가 자바스크립트 입력하면 바로바로 해석해서 실행시켜줍니다. 설치 https://nodejs.org/ko 2023. 10. 23. [JS] […] 배열을 나타낼 때 사용한다. 예를 들어 const users = [ {name: 'kim', age: 10, addr:'kor'}, {name: 'joe', age: 20, addr:'usa'}, {name: 'miko', age: 30, addr:'jp'} ]; 이와 같이 사용한다. const headerMenuEls = [...headerEl.querySelectorAll('ul.menu > li')] 다음과 같이 querySelectorAll을 쓸 때도 사용한다. 2023. 10. 23. [JS] stopPropagation 이벤트 객체의 메서드인 Event.stopPropagation() 를 이해하기 위해 일단 이벤트 버블링에 대해 알아보자. 버블링이란? 버블링이란 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작하는 것을 말하며, 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다. event.stopPropagation() 은 현재 이벤트 이후의 전파를 막아 위쪽으로 일어나는 이벤트 버블링을 막아 준다. 2023. 10. 23. [JS] import 자바스크립에서 외부 스크립트 또는 외부 모듈의 export된 함수, 객체를 가져오는데 사용됩니다. 모듈 전체 가져오기 import * as myModule from "my-module.js"; 멤버 가져오기 import {foo, bar} from"my-module.js"; 다른 이름으로 멤버 가져오기 import {reallyReallyLongModuleMemberName as shortName} from "my-module.js"; import {reallyReallyLongModuleMemberName as shortName, anotherLongModuleName as short} from "my-module.js"; 바인딩 없이 모듈만 실행하기 단순히 특정 모듈을 불러와 실행만 할 목적이라면, .. 2023. 10. 23. [JavaScript] 유튜뷰 // Youtube IFrame API를 비동기로 로드합니다. var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); // onYouTubePlayerAPIReady 함수 이름은, // Youtube IFrame Player API에서 사용하는 이름이기 때문에, // 다르게 지정하면 동작하지 않습니다! // 그리고 함수는 전역(Global) 등록해야 합니다! function .. 2023. 10. 22. 이전 1 2 3 4 5 6 다음 반응형