GomJu's Coding Blog

Q : 자바스크립트의 비교연산자에는 무엇이 있나요?A : 자바스크립트는 ==대신 ===을 사용합니다 :D사용자바스크립트의 비교연산자는 여러 자료형에서 사용됩니다.Objects : TrueUndefined : FalseNull : FalseBooleans : boolean형의 값Nubmer : True 하지만 0, NaN의 경우에는 False로 평가String : True 하지만 빈 문자열의 경우에는 False로 평가종류자바스크립트의 비교연산자에는 ==도 있고, ===도 있고, !=도 있고, !==도 있습니다. 하지만 자바스크립트측에서는 ===과 !==을 사용할 것을 적극 추천합니다.또 삼항연산자라고 하는 비교방법이 있습니다. 다음은 삼항연산자의 예시입니다.let a = false; const Check ..

Q : 자바스크립트에서 호이스팅이란 무엇인가요?A : Hoisting(호이스팅)은 변수의 정의가 그 범위에 따라 선언과 할당으로 분리되는 것을 의미합니다.자바스크립트에선 모든 변수 할당을 할 때 호이스팅이 발생합니다. 즉 변수가 함수내에 정의되었을때 선언이 함수의 최상위로, 함수 밖에서 정의되었을 때 루트에 선언이 됩니다.변수 호이스팅변수를 선언할 때 사용하는 var는 사용하는 즉시 호이스팅에 의해서 루트함수에서 선언식이 실행 됩니다. 다음은 var의 역할에 대한 코드입니다.function EXvar() { console.log(x); // undefined var x = 2; console.log(x); // 2 };위의 코드를 다시 해석해 보면 다음과 같습니다.function EXvar() { var..

Q : 자바스크립트에서는 모듈을 어떻게 불러오나요?A : 자바스크립트에서는 import를 이용해서 모듈을 불러옵니다.자바스크립트에서도 다른 언어들 처럼 모듈을 불러올 수 있습니다. 모듈을 불러오는 방법은 ES6문법이 들어오면서 간편화되었습니다.ES6 모듈 시스템의 이점ES6문법이 업데이트되면서 새로 들어온 import나 from, export, default등의 문법들은 모듈의 내보내기와 불러오기에 정말 많은 도움을 줍니다. 이처럼 모듈 전용 키워드가 생기면서 가독성이 좋아졌고, 또한 비동기 방식으로 작동하고, 모듈의 일부분만 불러오기 때문에 메모리 성능면에서도 도움이 됩니다. 또한 ES5에서 이용했던 common.js에서는 지원하지 않는 기능들이 상당히 있습니다.내보내기모듈을 내보내는 방식에는 복수객체..

Q : 자바스크립트의 비구조화 할당은 어떨때 쓰이나요?A : 자바스크립트에서 구조화된 데이터를 변수로 받기 위해 사용합니다.자바스크립트의 문법은 크게 ES5와 ES6로 나눌 수 있습니다. ES6는 ECMAscript의 6번째 에디션입니다. 지금까지 ES5문법에서 비구조화를 표현하기 위해서는 복잡한 과정을 치러야 했습니다. 다음은 ES5에서의 비구조화 하는 방식입니다.// browser var data = $('body').data(), // data has properties house and mouse house = data.house, mouse = data.mouse // Node.js var jsonMiddleware = require('body-parser').json var body = req..

Q : 자바스크립트의 함수는 어떻게 쓰이나요?A : 자바스크립트에서는 화살표함수라고하는 ES6문법이 있습니다. 정말 유용하게 사용하는 기술입니다.자바스크립트에서는 함수가 정말 중요합니다. 함수선언에는 함수선언식과 함수표현식이 있습니다. 함수 선언식은 함수를 정의하기 전에 먼저 선언하는 것 입니다. 다음은 예제입니다.function print() { return console.log('Hello JavaScript!'); };또 다음은 함수를 미리 선언하지 않는 표현식 입니다.const printFunc = function print() { return console.log('Hello JavaScript!'); };자바스크립트에서는 함수 표현식을 지향합니다.화살표 함수ES6문법에 추가된 화살표 함수는 함..

Q : 자바스크립트에는 어떠한 반복문이 있나요?A : 자바스크립트에는 다양한 반복문이 있습니다! while문부터 for...in문등 여러 문법이 있습니다.자바스크립트에는 반복문이 여러게 있습니다.while문, do while문, for문, for...in문, for...of문 등이 있습니다.while문while문은 다음과 같은 형태로 사용합니다.while (조건) { 실행될 문. };위의 형태에서 조건에는 몇번 반복할 것 인가를 써넣습니다.다음은 while문의 예시입니다.let a = 5; while (a > 0) { console.log(`a 의 값은 ${a}입니다.`); --a; };do while문while문에서는 조건을 거친 후 실행을 하지만, do while에서는 실행을 한 후 조건을 거칩니다...

Q : 자바스크립트의 제어문은 무엇이 있나요?A : 자바스크립트에서는 if( ) { ... }문과, switch( ) { ... }문이 있습니다.자바스크립트도 여러 언어들과 마찬가지로 제어문을 사용할 수 있습니다. 제어문의 종류에는 참과 거짓을 나누는 로직을 갖고있는 if문과 어느 한 값에 따라 case문이 실행되는 switch문으로 구성됩니다.if문if문은 다음과 같은 형태로 생겼습니다.if (조건) { 실행될 문. } else if (조건) { 실행될 문. } else { 실행될 문. }위의 코드중 조건에는 말 그대로 >, 5 ) { console.log('a 는 5보다 큽니다.'); } else if ( a === 5 ) { console.log('a 는 5입니다.'); } else { consol..

Q : 자바스크립트의 String타입에는 어떠한 형태가 있을까요?A : 자바스크립트에서는 ''방법과, ""방밥과 ``이 있습니다.자바스크립트에서는 문자열을 3가지 방법으로 사용할 수 있습니다.작은 따옴표 : ' '큰 따옴표 : " "템플릿 문자열 : ``이러한 방법이 있지만 자바스크립트의 스타일로는 작은따옴표를 사용하기를 권장합니다.// 좋지 않은 사용 let msg = "자바스크립트는 위대하다!"; // 좋지 않은 사용 let msg = `자바스크립트는 위대하다!`; // 좋은 사용 let msg = '자바스크립트는 위대하다!';템플릿 문자열프로그래밍을 많이 접하지 않은 여러분은 템플릿 문자열이 생소하실 것 입니다. 템플릿 문자열은 키보드 자판의 ~모양을 클릭하면 나오는 따옴표인데요, 템플릿 문자열은 ..

Q : 자바스크립트에서는 배열을 사용하나요?A : 자바스크립트에는 많은 데이터 타입이 존재하는데, 그 중 배열타입또한 존재합니다.자바스크립트는 여러 데이터 타입을 가지고 있습니다. String, Number를 시작으로 Object, Array등 이 있죠. 이중 Array를 포함한 여러 데이터 타입들이 자바스크립트 뿐만 아니라 다른 타 언어들 에게도 포함됩니다.선언배열의 선언방식은 new키워드를 사용하는 리터럴방식과 [ ]를 이용하는 배열리터럴 방식이 있습니다.let Students = let Students = ['KJW', 'JSH', 'YGJ', 'KYG', 17]; // 배열리터럴 방식 let Students = new Array('KJW', 'JSH', 'YGJ', 'KYG', 17); // 리터..

Q : 자바스크립트에서도 클래스를 사용할까요?A : 자바스크립트에서는 클래스가 굳이 필요하지 않지만 사용할 수 있습니다!자바스크립트에 ECMAscript6문법이 들어오면서 자바스크립에서도 Class를 사용할 수 있게 되었습니다.다음은 Class를 선언하는 방법입니다.class PersonClass { constructor(name) { this.name = name; } sayName() { console.log(this.name); } } let person = new PersonClass("KJW"); persom.sayname(); // 'KJW'클래스를 하나하나 설명해드리겠습니다.생성자먼저 class Personclass{ ... }는 클래스를 선언하는 방법입니다. 그 안에 존재하는 constru..