[JavaScript(2)] Hello, World!

 

 

안녕하세요~  경제적 자유입니다.

오늘은 JavaScript의 를 리뷰해보려고 합니다.

 

OverView

---

 

JavaScript를 처음 공부하면 가장 먼저 만나는 것이 console.log(), 문장 구조, "use strict", 그리고 let, const, var 같은 변수 선언입니다.

 

처음에는 용어가 낯설어서 어렵게 느껴질 수 있지만, 쉽게 말하면 JavaScript는 컴퓨터에게 “이렇게 움직여줘!”라고 명령을 내리는 언어입니다.

예를 들어 우리가 친구에게 말할 때도 순서가 있죠.

 

"자유야, 물 좀 가져와.”

여기서 “자유야”는 대상이고, “물 좀 가져와”는 명령입니다.

JavaScript 코드도 비슷합니다. 컴퓨터에게 어떤 값을 보여주고, 저장하고, 계산하라고 알려주는 방식입니다.

 

추가로 더 자세히 공부하고 싶다면 아래 MDN 문서를 참고해보세요.

• 참고 링크: https://developer.mozilla.org/en-US/docs/Web/JavaScript

 

 

개념 설명

---

 

 

1. JavaScript의 첫 인사, Hello World!

Hello World는 프로그래밍을 처음 배울 때 자주 등장하는 예제입니다!

console.log("Hello, world!");

 

보통 새로운 언어를 배울 때 가장 먼저 화면에 "Hello, world!"를 출력해봅니다.
이 과정은 “JavaScript가 제대로 실행되는구나!”를 확인하는 첫 번째 테스트라고 보면 됩니다.

 

 

---

 

2. 코드에도 문장 구조가 있다 :)

 

 

JavaScript 코드는 아무렇게나 쓰는 것이 아니라 일정한 구조를 가지고 있습니다.

 

우리가 글을 쓸 때 문장과 문장 사이를 구분하듯이, JavaScript도 코드 한 줄 한 줄을 구분해서 작성합니다.

 

JavaScript에서는 하나의 명령을 보통 “문(statement)”이라고 부릅니다.

 

예를 들어 아래 코드는 두 개의 문으로 볼 수 있습니다.

 

console.log("첫 번째 문장입니다.");
console.log("두 번째 문장입니다.");

 

JavaScript에서 문장의 마지막에는 세미콜론 ; 을 문장 끝에 붙일 수 있습니다.

 

또한 무슨 일이 왜 벌어지고 있는지를 설명해주는 주석은 두가지 형태가 있습니다.

 

// 이 주석은 한줄을 다 차지합니다
/* 여러줄의
주석을 의미합니다
하핫 */

 

 

---

 

3. 실수를 잡아주는 엄격 모드, use strict

 

"use strict"는 JavaScript 코드를 더 엄격한 규칙으로 시행하게 만드는 문장입니다.

 

JavaScript는 오래된 언어라서 예전 방식의 느슨한 문법도 어느 정도 허용합니다.

문제는 이런 느슨함 때문에 실수를 해도 바로 티가 나지 않는 경우가 있다는 것입니다.

 

"use strict"를 사용하면 JavaScript가 조금 더 깐깐하게 코드를 검사합니다.
(근데 굳이 써야하나...? 라는 생각이 들기는 합니다...!!)

 

• 실수로 변수를 선언하지 않고 사용하는 것을 막아줍니다.
• 오래된 방식에서 허용되던 위험한 문법을 제한합니다.
• 코드의 안정성을 높이는 데 도움이 됩니다.

 

쉽게 말하면 "use strict"는 JavaScript에게 이렇게 말하는 것과 비슷합니다.

 

 

---

4. 데이터를 담는 상자, 변수

 

변수는 데이터를 저장하는 '이름 붙은 저장소'입니다.

 

JavaScript에서 변수를 선언할 때는 대표적으로 let, const, var를 사용할 수 있습니다.

 

요즘 JavaScript에서는 보통 const와 let을 주로 사용합니다.

 

• 값이 다시 바뀌지 않을 것 같으면 const
• 값이 나중에 바뀔 수 있으면 let

 

const

const는 재할당이 불가능한 변수를 만들 때 사용합니다.

const name = "sangu";

console.log(name);

 

name에는 "sangu"라는 값이 들어갑니다.

 

하지만 아래처럼 다시 값을 바꾸려고 하면 에러가 납니다.

const name = "sangu";

name = "kim";

 

const는 한 번 값을 넣으면 같은 변수 이름에 다른 값을 다시 넣을 수 없습니다.

 

다만 주의할 점이 있습니다.

const user = {
  name: "sangu",
  age: 28
};

user.age = 29;

console.log(user.age);

이 코드는 가능합니다.

 

왜냐하면 user라는 변수 자체를 다른 객체로 바꾼 것이 아니라, 객체 안의 age 값만 바꾼 것이기 때문입니다.

즉, const는 “내용이 절대 안 바뀐다”가 아니라 “변수에 다른 값을 다시 넣을 수 없다”로 이해하는 것이 좋습니다.

 

let

 

let은 나중에 값이 바뀔 수 있는 변수를 만들 때 사용합니다.

let score = 80;

score = 90;

console.log(score);

 

var

 

var는 예전 JavaScript에서 많이 사용하던 변수 선언 방식입니다.

var message = "Hello JavaScript";

console.log(message);

 

이 코드 자체는 문제없이 동작합니다.

 

하지만 var는 let, const와 다르게 블록 스코프가 아니라 함수 스코프를 기준으로 동작합니다.

 

 

요즘은!!

const name = "sangu";
let age = 28;

 

값이 바뀌지 않는 이름은 const,

 

나중에 바뀔 수 있는 나이는 let으로 선언합니다.

 

 

마무리

---

 

오늘은 복습한다는 느낌으로 처음부터 제가 공부하는 것을 차근차근 공부하는 시간이 된 것 같습니다.

 

"use strict"는 처음 들어봤지만 변수와 상수라는 개념을 다시한번 생각해보는 계기가 되어서 좋았던 것 같네요!

 

다음 공부까지도 화이팅!