Skeleton의 세상

자바스크립트에는 표준 내장 객체가 있습니다. 그중 하나인 math 함수에 대하여 알아보겠습니다 Math.abs(x) // 숫자의 절댓값을 반환합니다. Math.acos(x) // 숫자의 아크코사인 값을 반환합니다. Math.acosh(x) // 숫자의 쌍곡아크코사인 값을 반환합니다. Math.asin(x) // 숫자의 아크사인 값을 반환합니다. Math.asinh(x) // 숫자의 쌍곡아크사인 값을 반환합니다. Math.atan(x) // 숫자의 아크탄젠트 값을 반환합니다. Math.atanh(x) // 숫자의 쌍곡아크탄젠트 값을 반환합니다. Math.atan2(y, x) // 인수 몫의 아크탄젠트 값을 반환합니다. Math.cbrt(x) // 숫자의 세제곱근을 반환합니다. Math.ceil(x) // ..

this는 호출되는 방법에따라 동적으로 결정되어 보여집니다. 여러번 재사용을 위하여 사용되지만 잘못 이해하고 사용하는 경우 심각한 오류가 될수도 있습니다. this는 전역으로도 사용 가능하고 함수로도 사용이 가능합니다 먼저 전역으로 한번 볼까요 this.test = 'test'; console.log(test); test2 = 'test2'; console.log(this.test2); // 위의 코드의 this는 window를 의미합니다 함수의 경우를 볼까요 function test() { console.log(this); } function test2(a, b) { this.a = a; this.b = b; } // test 함수의 this는 window를 반환합니다. // test2 함수는 두개의 ..

기존의 function 함수를 좀더 간결하게 표현하기위해 화살표 함수라는 것이 나왔습니다. 이 화살표 함수를 정의할때 몇가지의 규칙이 있는데 예제를 통하여 알아보도록 합시다 function test(val) { console.log(val); } // 위의 코드를 간결하게 표현 합니다 // return을 사용하지 않아도 반환되는 상황 const test = (a, b) => a + b; // 자동으로 a+b의 값이 리턴되어 test변수에 들어갑니다 // 하지만 const test = (val) => { console.log(val); } // 위와 같이 괄호(코드 블록)를 넣었을 경우 자동으로 return 해주지 않습니다 // return을 적지않으면 undefined를 반환합니다 const test =..

자바스크립트는 객체(Object)를 제공해줍니다. 이 객체는 여러개의 값을 한번에 접근합니다. 변수를 여러개 선언하고 값을 저장하면 코드가 점점 복잡해지는데요. 비슷한류의 변수를 한번에 모아서 객체로 만들어 관리할 수 있습니다. 객체는 키와 값으로 이루어져 있는데 이를 속성이라 부릅니다. 컴퓨터로 예를 들자면 var computer = { cpu: 'i5', ram: '8g', rom: '256g', power: '500w', } 간단하게 적어보자면 이렇게 이루어져 있습니다. 컴퓨터 안에는 cpu, 그래픽카드, 렘, 저장장치, 파워 등 이 들어가있지요. 이렇게 하나로 모아서 관리할 수 있습니다. 그럼 이제 객체에 접근할 수 있어야겠죠? 접근 하는 방법은 아주 간단합니다. console.log(comput..

자바스크립트에서는 변환하는 방법이 크게 두가지가 있습니다. 첫번째, 직접 명시해주는 방법 두번째, 자바스크립트 엔진에 의해 자동적으로 변환 몇가지 예제를 보면서 해볼까요? console.log("3" + 1); // 결과: 31, 1이 string으로 자동 변환되면서 합쳐집니다 console.log("3" - 1); // 결과: 2, 3이 number로 자동 변환되면서 연산됩니다 console.log("3" * 2); // 결과: 6, 3이 number로 자동 변환되면서 연산됩니다 console.log("test" + 5); // 결과: test5, 5가 string으로 자동 변환되면서 합쳐집니다 console.log("five" * 2); // 결과: Nan, five가 number로 변환되려 했으나 ..

Infinity 수학적으로는 무한대를 의미 합니다. 자바스크립트에서는 다른 어떤 수보다 큰 수입니다. NaN 'Not a number'라는 의미로 자바스크립트에서는 유효하지 않은 값 또는 숫자가 너무 커서 표현할 수 없을때 등장 합니다. 간단한 예제로 알아보겠습니다. console.log(1000 / Infinity); // 결과:0, 무한의 숫자로 나누면 무조건 0이 나옵니다. console.log(0 / 0); // 결과: Nan, 0에서 0을 나누는것은 말이 안되는 말도 안되죠? console.log(Infinity - Infinity); // 결과: Nan, 무한에서 무한을 빼는것은 무한입니다. 숫자로 표현이 안되기때문에 Nan이 나옵니다.

if문이 너무 많아졌을때 왠지 보기 싫어지는 경우가 있습니다. 비슷한 조건인데 하나하나 if문을 걸어주게 되는거죠 if (a === 1) console.log(a); else if (a === 2) console.log(a); else if (a === 3) console.log(a); else if (a === 4) console.log(a); else if (a === 5) console.log(a); 정말 간단히 예로 들자면 이런식으루요. 어떻게 보면 별로 다르지않을 수 있습니다. 좀더 정돈되고 보기좋은 코딩을 하는것이 어떻게 보면 개발자의 노력이 아닐까 합니다. 그렇기에 switch를 사용하게 되면 좀더 깔끔하게 코딩을 할 수 있습니다. switch(a) { case 1: // a === 1 일경..

주석처리는 아주 간단합니다. // 여기는 주석처리가 되어있는 곳입니다. var test; // 주석처리를 이렇게 할 수 있습니다 /* var test 주석처리는 이런식도 가능합니다 한꺼번에 여러개가 주석처리 됩니다. */

값(value) 프로그래밍 언어를 구성하는 기본단위 왜 값이라는게 중요할까요? 이는 컴퓨터 언어이기 때문입니다. 컴퓨터는 사람처럼 알아서 생각하고 행동하지 않습니다. 입력자가 입력을 하면 컴퓨터는 입력한 정보를 기억해서 처리합니다. 처리를 하기위해서는 컴퓨터가 이해할 수 있는 형태가 되어야하는데요. 컴퓨터는 비트(bit), 2진수를 사용합니다. cpu가 처리하는 최소단위의 크기입니다. 컴퓨터는 데이터를 비트로 처리를 하지만 프로그래밍에서는 값으로 나타냅니다. 값은 컴퓨터내부에서 비트로 이루어져 있는 것이지요. 그리고 이 데이터를 유지하고 처리하기 위해서는 어딘가에 값들을 저장해 두어야합니다. 이러한 값들을 저장하는 공간을 변수(variable)이라 합니다. var test = "반가워요"; 자바 스크립트..

chrome 기준으로 작성되었습니다. function saveFile(Name, content) { var blob = new Blob([content], { type: 'text/plain' }); objURL = window.URL.createObjectURL(blob); // 이전에 생성된 메모리 해제 if (window.__Xr_objURL_forCreatingFile__) { window.URL.revokeObjectURL(window.__Xr_objURL_forCreatingFile__); } window.__Xr_objURL_forCreatingFile__ = objURL; var test = document.createElement('test'); test.download = fileNam..