반응형
Variable
1. var
최초 생성되고 업데이트 할 수 있다
사용하지 않는다
(let, const를 사용하여 변수에 대한 정보를 제공)
2. let
새로운 것을 생성할 때 사용
나중에 재사용(업데이트)할 때는 그냥 변수명만 써도 된다
let을 사용하여 변수가 생성되었다면 '나중에 값이 업데이트 될 수도 있겠구나'하고 생각
let myName = "bee";
myName = "bizzybee";
4. const
상수 선언 시 사용
값을 바꿀 수 없어 variable 값을 변경해야하는 경우 사용 X
(let과 달리 업데이트 할 수 없음)
절대로 값이 바뀌면 안되는 경우 사용 O
실제로는 해당 데이터가 들어있는 메모리 주소가 바뀌지 않는 것
대개 디폴트로 const를 사용하고, 나중에 값을 변경해야 하는 경우 let으로 바꾼다
Array
: 하나의 변수에 여러 개의 값을 저장할 수 있는 데이터 구조
const toBuy = ["potato", "tomato"];
toBuy.push("onion");
- 순서가 있는 데이터 집합으로 index를 통해 접근할 수 있다(0부터 시작)
- 하나의 array 안에 다양한 타입의 값들이 들어갈 수 있다
const mon = "mon";
const newArray = [1, 2, "hello", mon, true, null]
Object
: 다양한 property와 method를 포함할 수 있는 데이터 구조
const person = {
name: "Alice",
age: 25,
greet: function() {
console.log("Hello, my name is " + this.name);
}
};
person.lastName = "Kim"; // 속성 추가
- Property: 'key: value' 쌍으로 구성
- Method: 함수형 property(object 내부의 함수)
array: 설명이 필요하지 않은 데이터 모음
object: 설명이 필요한 데이터 모음
Function
function sayHello(name, age) {
console.log("Hello, my name is " + name + " and I'm " + age);
}
sayHello("nico", 10);
sayHello("dal", 23);
sayHello("lynn", 21);
그 외
자바스크립트의 log = 파이썬의 print
자바스크립트의 prompt = 파이썬의 input
반응형
'JavaScript' 카테고리의 다른 글
[JavaScript] 크롬 앱 만들기: To Do List (0) | 2024.09.11 |
---|---|
[JavaScript] 크롬 앱 만들기: Quotes and Backgrounds (0) | 2024.09.10 |
[JavaScript] 크롬 앱 만들기: CLOCK (0) | 2024.09.10 |
[JavaScript] 크롬 앱 만들기: LOGIN (0) | 2024.09.10 |
[JavaScript] JavaScript on the Browser (0) | 2024.09.09 |