for문 // 기본적인 for문 for (let i = 0; i < 10; i++) { console.log(i); } // 0부터 9까지의 숫자를 출력 // for문은 초기값, 조건식, 증감식을 사용하여 반복 횟수를 제어 // 배열과 함께 사용하는 for문 let numbers = [1, 2, 3, 4, 5]; for (let i = 0; i < numbers.length; i++) { console.log(numbers[i]); } // 배열 numbers와 함께 for문을 사용하여 배열의 요소를 출력 // 배열의 요소 개수만큼 반복하여 실행 // for...in문 let person = { name: "John", age: 30, gender: "male" }; for (let key in pers..

조건문(if, else if, else, switch) // 기본적인 if문 let x = 10; if (x > 0) { // true일때만 동작 console.log("x는 양수입니다."); } // 조건이 참인 경우에만 코드를 실행 // if-else문 let x = -10; if (x > 0) { // true일때만 동작 console.log("x는 양수입니다."); } else { // 위의 조건이 false일때만 동작 console.log("x는 음수입니다."); } // if-else문은 조건이 참인 경우와 거짓인 경우 각각 다른 코드를 실행 // if-else if-else문 let x = 0; if (x > 0) { // true일때 실행 console.log("x는 양수입니다."); } ..

함수 선언문(function declaration) function add(x, y) { return x + y; } console.log(add(2, 3)); // 5 // 미리 정의해두고, 필요할때 호출 가능 함수 표현식(function expression) let add = function(x, y) { return x + y; } console.log(add(2, 3)); // 5 // 함수를 변수에 할당하여 익명 함수 생성 가능 함수 호출 function add(x, y) { return x + y; } console.log(add(2, 3)); // 5 // 함수 이름 뒤에 괄호를 사용 함수 매개변수와 반환값 function add(x, y) { return x + y; } console.lo..

산술 연산자(arithmetic operators) 더하기 연산자(+) console.log(2 + 3); // 5 console.log("2" + "3"); // "23" console.log("2" + 3); // "23" console.log(2 + "3"); // "23" // 더하기 연산자를 사용하여 숫자나 문자열을 더할 수 있음 // 이때, 더하기 연산자는 숫자와 문자열을 함께 사용할 경우, 자동으로 문자열로 변환 빼기 연산자(-) console.log(5 - 2); // 3 console.log("5" - "2"); // 3 console.log("5" - 2); // 3 console.log(5 - "2"); // 3 console.log("five" - 2); // NaN // 빼기 연산..

형 변환 자바스크립트에선 다양한 자료형을 다룰 수 있으며 서로 형 변환이 가능함. 암시적 형 변환(implicit coercion) 자바스크립트에서 자동으로 수행되는 형 변환이며, 일반적으로 연산자를 사용할 때 발생 문자열 변환 console.log(1 + "2"); // "12" console.log("1" + true); // "1true" console.log("1" + {}); // "1[object Object]" console.log("1" + null); // "1null" console.log("1" + undefined); // "1undefined" // 문자열과 다른 자료형이 연산자로 결합되어 있으며, // 이 경우 자바스크립트는 다른 자료형을 문자열로 변환한 후 연산을 수행 숫자 변..

데이터 타입 숫자(Number) 정수형 숫자(Integer) let num1 = 10; console.log(num1); // 10 console.log(typeof num1); // "number" 실수형 숫자(Float) let num2 = 3.14; console.log(num2); // 3.14 console.log(typeof num2); // "number" 지수형 숫자(Exponential) let num3 = 2.5e5; // 2.5 x 10^5 console.log(num3); // 250000 console.log(typeof num3); // "number" NaN(Not a Number) let num4 = "Hello" / 2; console.log(num4); // NaN con..

변수와 상수 어떠한 값(데이터)을 담는 저장소(메모리)의 이름이며, 상황에 따라 변할 수 있는 값 변수의 5가지 주요 개념 변수 이름: 저장된 값의 고유 이름 변수 값: 변수에 저장된 값 변수 할당: 변수에 값을 저장하는 행위 변수 선언: 변수를 사용하기 위해 컴퓨터에게 알리는 행위 변수 참조: 변수에 할당된 값을 읽어오는 것 변수는 var, let, const 세 가지 방법으로 선언할 수 있으며 var은 예전부터 사용되던 방법 let과 const는 ECMAScript 6(ES6)에서 새로 도입된 방법 // var로 변수 선언 var monkeyVar = "ukkikki"; console.log(monkeyVar); // "ukkikki" // let으로 변수 선언 let monkeyLet = "ukki..

JS의 역사 1995년 자바스크립트 탄생 넷스카이프 커뮤니케이션 (LivScript → Javascript) 브라우저 동작 스크립트 언어 1999년 자바스크립트 표준화(ECMA-262) 완료 2005년 AJAX 등장 비동기 웹 애플리케이션 개발 가능 폭발적인 UX 향상 2008년 V8 엔진 출시(Google) super fast(코드 실행 속도 상단 부분 개선) 컴파일러, 메모리관리 시스템 2009년 Node.js 등장, 서버 개발 활성화 서버개발의 지각변동: PHP, Ruby, Python, Java → Javascript(Node.js) 하나의 언어 → FrontEnd + BackEnd + DB(MongoDB) = Fullstack 2015년 ECMAScript 6(ES6) 버전 출시 2016년 프론..