1. log console.log() - console에 출력을 하는데 사용, log()에 문자열, 배열, 객체 등 모든 타입을 입력 가능 2. error console.error() - console에 오류 메시지를 기록하는데 사용. 오류 메시지로 빨간색으로 표현 됨 3. warn console.warn() - console에 경고 메시지를 기록하는데 사용. 경고 메시지로 노란색으로 표현 됨 4. clear console.clear() - console에 입력된 내용들을 전부 지움 5. time, timeEnd console.time('x'), console.timeEnd('x') - console.time('x')에서 console.timeEnd(x)이 실행 될때 까지의 시간을 출력 6. table ..

자바스크립트 - 객체 기반의 스크립트 프로그래밍 언어 HTML - 웹 내용 작성 CSS - 작성 된 내용 디자인 추가 JavaScript - 웹의 동작 특징 1. 객체 기반의 스크립트 언어 2. 인터프리터 언어 3. 객체 지향, 함수형 표현 가능 .

ex) 속성 값 할당 const user = { status: { name: 'J3SUNG', }, func() { return 0; } }; 구조화 할당 const status = user.status; const func = user.func; 비구조화 할당 const { status, func } = user; ex) 배열 값 할당 const array = ['hello', {}, 204, true]; 구조화 할당 const str = array[0]; const obj = array[1]; const bool = array[3]; 비구조화 할당 const [str, obj, ,bool] = array; rest - ...bool을 해줌으로서 bool에는 str, obj 후의 값들이 들어갑니다. c..

함수 선언문 - 함수와 같이 선언하는 방법 function add1(x, y) { return x + y; } 함수 표현식 - 변수를 먼저 선언하고 함수를 대입하는 방법 const add2 = function(x, y) { return x + y; }​ 함수 표현식 _ 화살표 함수 const add3 = (x, y) => { return x + y; } 함수 표현식 _ 가공되지 않는 리턴만 있을 경우 const add4 = (x, y) => x + y; 화살표 함수와 function으로 만든 함수의 차이점 this가 동작하는 방식이 틀림 기본 function에서의 this는 호출하는 곳에서의 함수를 가르킵니다. 화살표함수에서의 this는 선언된 위치상에서의 함수를 가르킵니다. 함수이름을 지정할 수 없음...

값을 선언할 때 다음과 같이 할 수 있습니다. const a = 1; const b = 2; const c = 'hello' const d = a + ' ' + b + ' ' + c; 여기서 d의 경우 문자열과 상수를 같이 쓰기 위해서 +를 사용합니다. 백틱을 사용하면은 다음과 같이 나타낼 수 있습니다. const d = `${a} ${b} ${c}`; 템플릿 문자열에서 변수는 ${변수명}으로 쓸 수 있습니다.

JavaScript에서 변수선언은 var과 let이 있습니다. var과 let 둘다 같은 변수선언이지만, 차이점으로는 var은 변수 재선언이 가능하지만, let은 변수 재선언시 오류가 발생합니다. var name = "J3SUNG"; var name = "OWEN"; let name = "J3SUNG"; let name = "OWEN"; // error 또한 var은 scope가 함수단위입니다. let과 const는 scope가 블록단위입니다. // var const test = () => { var greet = "Hello"; if(true) { var greet = "Bye"; console.log(greet); // Bye } console.log(greet); // Bye } // let con..