지지 On Air

객체 (Object)원시타입이 아닌 객체타입의 자료형현실 세계에 존재하는 어떤 사물이나 개념을 표현하기에 용이하다. 객체는 다음과 같이 두가지 방법으로 생성할 수 있다.let obj1 = new Object();// 또는let obj2 = {}; 객체 속성 (객체 프로퍼티)Key : Value 의 형식으로 작성하며 갯수나 자료형의 제한은 없다.Key값은 문자열이나 숫자형도 가능하나, 띄어쓰기가 포함된 문자열을 사용할 경우 따옴표로 묶어줘야한다.let introduce = { name : "홍길동", age : 30, hobby : "Tennis", job : "FE Developer", "favorite food" : "Pizza",}; 프로퍼티 접근 방법기본적으로 프로퍼티에 접근..

스코프 (Scope)변수나 함수에 접근하거나 호출할수 있는 범위를 말한다. - 전역 스코프 (Global Scope) : 전체 영역에서만 접근 가능 - 지역 스코프 (Local Scope) : 특정 영역에서만 접근 가능 let a = 1; // 전체에서 사용할수 있는 전역 스코프function funcA() { console.log(a); // 출력이 가능하다 let b = 2; // funcA함수 안에서만 쓸수 있는 지역 스코프 console.log(b); // 함수 안에서 b를 출력하므로 가능하다.}funcA(); // funcA가 실행되어 a와 b가 모두 잘 출력된다console.log(a); // 출력가능console.log(b); // [b is not defined] 오류 발..

콜백함수 (CallBack Function)자신이 아닌 다른 함수에 인수로써 전달된 함수.function main(value){ value();}function sub() { console.log("sub");}main(sub); // sub함수를 main함수의 인수로 보냈다 == 콜백함수// 함수 안에서 원하는 타이밍에 맞게 실행 시킬 수 있다.function main2(fnValue){ fnValue(); console.log("End");}function sub2(){ console.log("Start");}main2(sub2); // 콘솔창에 start end 순서로 찍힌다.// [추가] sub2를 따로 선언하지 않고 다음과 같이 함수표현식으로 사용할 수 있다.main2(() => { con..

함수 표현식 (Function Expression)함수 표현식은 함수를 변수에 할당하는 방식이다.함수 선언식과는 달리 호이스팅이 되지 않기 때문에 함수가 정의된 이후에만 호출할 수 있다. // 변수에 함수를 바로 담는다.let varA = function funcA() { console.log("function A");};varA(); // varA에 함수를 담았기 때문에 바로 변수로 바로 호출할 수 있다.// varA에 할당하며 생성된것이기 때문에 funcA를 바로 호출할 수는 없다.// 따라서 다음과 같이 익명함수로 생성할 수 있다let varB = function () { console.log("function B");};varB();// [주의] 함수표현식으로 만들어진 함수는 호이스팅되지 않는다...

함수 (Function)유사한 기능을 하는 중복으로 작성된 코드들을 묶어서 함수로 만든다.// 함수 선언function sayHello(){ console.log("HELLO!");}// 함수 호출sayHello(); // 반드시 소괄호()가 있어야 한다// --> 콘솔창에 HELLO! 가 출력된다.// [참고] 프로그램의 실행 순서console.log("호출하기전");sayHello();console.log("호출한후");// --> 함수가 호출되면 함수 내부가 실행 되므로// 호출하기전// HELLO!// 호출한후// 순서로 출력된다. 함수를 선언할때 소괄호 안에 변수명을 쓰면 매개변수가 된다.function calcSum(num1, num2){ // num1과 num2를 매개변수로 받는다 let ..

조건문 (Conditional Statement)특정 조건을 만족했을때에만 실행 되는 코드를 작성하기 위한 문법.대표적으로 if, switch 조건문이 존재한다. If 조건문 (If문)if ( 조건 ) { 실행 내용 } 의 형태로 작성한다.let num = 5;if (num >= 10) { console.log("num은 10 이상입니다.");} else if (num >= 5) { // 위의 if문의 조건이 참이 아닐때, 조건을 추가할때 else if 를 쓴다. console.log("num은 5 이상입니다."); // num은 10 이상은 아니지만 5이상이므로 이부분이 출력된다.} else { // 위의 조건들이 모두 아닐때 console.log("조건이 맞지 않습니다."); }// [주의] if문은..

Null 병합 연산자null, undefined가 아닌 존재하는 값을 찾아내는 연산자 ??let name = "홍길동";let userid = "gildong123";let userNickName;let var1 = name ?? userNickName; // name은 "홍길동"으로 할당되었으나 userNickName는 할당되지 않았다.console.log(var1); // 둘중 값이 존재하는 "홍길동" 출력let var2 = name ?? userid; // name, userid 둘다 값이 있는 경우엔 첫번째 값이 출력된다.console.log(var2); // "홍길동" 출력 Typeof 연산자값의 타입을 문자열로 반환하는 기능을 하는 연산자 typeoflet var1 = "안녕";let t1 ..

연산자 (Operator) 프로그래밍에서 다양한 연산을 하기 위한 기호, 키워드를 말한다.+, -, *, / 등등 대입 연산자 = : 왼쪽의 변수에 오른쪽 값을 대입하는 연산자let var = 10; 산술 연산자 +,-,*,/,% 의 연산자를 산술 연산자 라고 한다.이때 연산자의 우선순위는 사칙연산과 마찬가지로 *,/,% 가 높고, 그다음 +,- 순이다.수학과 마찬가지로, 먼저 처리하고싶은 연산은 괄호()로 묶을 수 있다.let num1 = 1 + 2 * 20; console.log(num1); // 우선순위에 따라 41이 출력된다. 복합 대입 연산자 +=, -=, *=, /=, %= 와 같은 연산을 말한다.let num2 = 10;num2 = num2 + 10;// num2 에 num2를 더하는 ..