Programming/Javascript
-
parameter와 argument의 차이Programming/Javascript 2020. 5. 31. 11:33
parameter와 argument의 차이 매개변수(parameter)와 전달인자(argument)는 적당히 혼용하기도 하지만 엄밀히 말해서 매개변수는 함수의 정의부분에 나열되어 있는 변수들을 의미하며, 전달인자는 함수를 호출할때 전달되는 실제 값을 의미한다. 따라서 매개변수는 변수(variable)로, 전달인자는 값(value)으로 보는 것이 일반적이다. // x, y는 parameters const plus = (x, y) => x + y; // 1, 2는 arguments plus(1, 2);
-
스크립트 언어와 컴파일 언어의 차이Programming/Javascript 2020. 5. 31. 10:17
컴파일 언어와 스크립트 언어의 차이 우리가 작성한 코드를 컴퓨터가 알아듣기 위해서는 프로그래밍 언어를 기계어(0, 1)로 번역하는 과정이 필요한데, 그 과정을 언어에 따라 컴파일(compile) 혹은 인터프릿(interpret)이라고 하고, 각각을 실행하는 변환기를 컴파일러, 인터프리터라고 한다. 이때, 컴파일을 하는 언어를 컴파일 언어, 인터프릿을 하는 언어를 인터프리터 언어 혹은 스크립트 언어라고 한다. C, C++, Java와 같은 컴파일 언어는 코드를 작성한 후 컴파일을 하면, 컴파일러에 의해 기계어로 변환된 파일이 생성되고 컴퓨터는 그 파일을 실행한다. Python과 Javascript와 같은 스크립트 언어는 별도의 파일 생성 없이 소스 코드가 작성될 때마다 인터프리터가 해당 코드를 기계어로 번..
-
자바스크립트 in 연산자Programming/Javascript 2020. 5. 5. 18:18
in 연산자 해쉬 사용할 때 유용할 거 같다. 아래는 MDN 설명 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/in in 연산자는 명시된 속성이 명시된 객체에 존재하면 true를 반환합니다. 속성 in 객체명// 배열 var trees = new Array("redwood", "bay", "cedar", "oak", "maple"); 0 in trees // true를 반환합니다. 3 in trees // true를 반환합니다. (1 + 2) in trees // true를 반환합니다. 연산자 우선 순위에 의하여 이 구문의 괄호는 없어도 됩니다. 6 in trees // false를 반환합니다. "bay" in tree..
-
자바스크립트 현재 시간 타이머 만들기 (00:00:00, 앞에 0붙이기)Programming/Javascript 2020. 4. 24. 08:20
const h1 = document.createElement("h1"); document.querySelector("body").prepend(h1); const getTime = () => { const now = new Date(); let hours = now.getHours(); let minutes = now.getMinutes(); let seconds = now.getSeconds(); hours = hours < 10 ? `0${hours}` : hours; minutes = minutes < 10 ? `0${minutes}` : minutes; seconds = seconds < 10 ? `0${seconds}` : seconds; h1.innerText = `${hours}:${minu..
-
자바스크립트 d-day timer 디데이 타이머 만들기Programming/Javascript 2020. 4. 24. 08:12
const body = document.querySelector("body"); const timer = document.createElement("h2"); const title = document.createElement("h1"); body.prepend(timer); body.prepend(title); function getTime() { const target = new Date("2020-12-24 00:00:00+0900"); const today = new Date(); const gap = target - today; const d = Math.floor(gap / (1000 * 60 * 60 * 24)); // 일 const h = Math.floor((gap / (1000 * 60 ..
-
자바스크립트 간단하게 2, 10, 16진수 변환하기Programming/Javascript 2020. 4. 23. 21:16
출처: https://unikys.tistory.com/334 // 10진수 -> 2진수 var dec = 123; var bin = dec.toString(2); // "1111011" // 10진수 -> 16진수 var dec = 123; var hex = dec.toString(16); // "7b" // 2진수 -> 10진수 var bin = "1111011"; var dec = parseInt(bin, 2); // 123 // 16진수 -> 10진수 var hex = "7b"; var dec = parseInt(hex, 16); // 123 // 2진수 -> 16진수 (* 10진수로 바꿨다가 다시 2진수로 바꾼다) var bin = "1111011"; var hex = parseInt(bin, ..
-
자바스크립트 string, number 간단하게 형변환하기Programming/Javascript 2020. 4. 1. 22:39
자바스크립트 string, number 간단하게 형변환하기 Sting()이나 parseInt() 등을 사용하지 않고 간단하게 형변환하기 // 숫자 -> 문자열 const num1 = 123456; const str1 = num2 + ""; // "123456" // 문자열 -> 숫자 const str2 = "123456"; const num2 = +str; // 123456 const num3 = str/1; // 123456 const num4 = -str; // -123456 const num5 = str/-1; // -123456
-
자바스크립트 프로토 타입으로 클래스 구현하기Programming/Javascript 2020. 3. 22. 18:44
정재남 님의 인프런 강좌, JS FLOW를 참고하여 정리하였습니다. class 계급. 집단. 집합. 인스턴스: 클래스가 지닌 속성을 모두 갖고 있는 구체적인 객체 컴퓨터 상위 클래스(superclass), 하위 클래스(subclass) Constructor 안에 있는 프로퍼티와 메소드를 static properties, method 라고 한다. prototype 안에 있는 것들은 (prototype)method 라고 한다. instance에서 methods는 한 번에 접근이 가능하며 instance 자신이 this가 된다. 근데 static method, properties로는 한 방에 접근할 수 없고 this는 생성자 함수가 된다. function Person(name, age) { this._name..