항해99/JavaScript 문법 종합반(16)
-
스코프 및 화살표 함수 [ Javascript ] [ JavaScript 문법 종합반 1주차 ]
// 스코프, 전역변수, 지역변수, 화살표 함수 // 스코프 : 변수가 어디까지 영향을 끼칠 수 있는가 // // 전역변수 ====================== // let x = 10; // 전역변수 // function printX() { // console.log(x); // } // console.log(x); // 10 // printX(); // 10 // // 지역변수 ======================= // function printX() { // let x = 10; // 지역변수 // console.log(x); // } // console.log(x); // ReferenceError : x is not defined // printX(); // 화살표 함수 ========..
2023.06.12 -
배열 [ Javascript ] [ JavaScript 문법 종합반 1주차 ]
// 배열 // 1 생성 // 1-1 기본 생성 let fruits = ["사과", "바나나", "오렌지"]; console.log(fruits); // [ '사과', '바나나', '오렌지' ] // 1-2 크기 지정 let number = new Array(5); console.log(number); // [ ] console.log(number.length); // 5 // 2 요소 접근 console.log(fruits[0]); // 사과 console.log(fruits[1]); // 바나나 console.log(fruits[2]); // 오렌지 // 3 배열 메소드 // 3-1 push let frts = ["사과", "바나나"]; console.log(frts); // [ '사과', '바나나'..
2023.06.12 -
변수와 상수 [ Javascript ] [ JavaScript 문법 종합반 1주차 ]
// 변수, 상수 // 주석 /* 여러줄 주석 */ // 메모리에 저장한다. 읽어들여서 재사용한다. -> 변수 // 변수의 5가지 주요 개념 // 변수 이름 : 저장된 값의 고유 이름 // 변수 값 : 변수에 저장된 값 // 변수 할당 : 변수에 값을 저장하는 행위 // 변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위 // 변수 참조 : 변수에 할당된 값을 읽어오는 것 // var ================= myVar 재선언 가능, 재할당 가능 var myVar = "Hello World"; var myVar = "Test 1"; myVar = "GoodBye"; console.log(myVar); // let ================= myLet 재선언 불가능, 재할당 가능 let ..
2023.06.12 -
객체 [ Javascript ] [ JavaScript 문법 종합반 1주차 ]
// 객체 // key - value pair // 하나의 변수에 여러개의 값을 넣을 수 있다 // 1 객체 생성 방법 // 1-1 기본적인 객체 생성 방법 let person = { name: "홍길동", age: 30, gender: "남자", }; // 1-2 생성자 함수를 이용한 객체 생성 방법 function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; } let person1 = new Person("홍길동", 30, "남자"); let person2 = new Person("홍길순", 20, "여자"); // 2 접근하는 방법 console.log(person.name); // 홍길동 c..
2023.06.12 -
함수 [ Javascript ] [ JavaScript 문법 종합반 1주차 ]
// 함수 = function(기능) // input, output // 1 함수 선언문 // function add (매개변수){ // // 함수 내부에서 실행할 로직 // } // 두 개의 숫자를 입력받아서 덧셈을 한 후 내보내는 함수 function add(x, y) { return x + y; } // 2 함수 표현식 let add2 = function () { return x + y; }; // 함수를 호출한다(=사용한다) // 함수명() -> add(입력값) // console.log(add(2, 3)); let functionResult = add(3, 4); console.log(functionResult); // 함수의 input -> 매개변수(매개체가 되는 변수) // return 문 ..
2023.06.12 -
연산자 [ Javascript ] [ JavaScript 문법 종합반 1주차 ]
// 연산자 (+, -, *, / %) // 1 더하기 연산자 console.log(1 + 1); // 2 console.log(1 + "1"); // 12 // 2 빼기 연산자 console.log(1 - "2"); // -1 console.log(1 - 2); // -1 // 3 곱하기 연산자 console.log(2 * 3); // 6 console.log("2" * 3); // 6 // 4 나누기 연산자 console.log(4 / 2); // 2 console.log("4" / 2); // 2 // 5 나머지 연산자 console.log(5 / 2); // 2.5 console.log(5 % 2); // 1 // 6 할당 연산자 // 6-1 등호 연산자 let x = 10; console.log..
2023.06.12