[코드팩토리] JavaScript 세팅, 콘솔에 로그 띄우기, 변수 선언하기

출처 : https://www.youtube.com/watch?v=ZOVG7_41kJE&t=8556s

자바스크립트 세팅하기 설치하기

Visual Studio Code 사용

익스텐션 Live Server, Code Runner 사용

Console.log('Hello, World!');

콘솔에 무언가를 띄우기

주석 작성하기

한 줄만 넣을 때 //

여러 줄 넣을 때 /* */

변수 선언하기

var, let, const 세 가지가 있다.

현업에서는 var은 잘 사용하지 않는다. let과 const가 그 이후에 보완해서 나왔기 때문.그러나 배우는 단계에서는 알고는 있어야 한다. var로 짜여진 스크립트가 많기 때문.

처음에는 console.log('자바스크립트'); 와 같이 '' 따옴표로 묶어서 텍스트를 표현했지만,

name이라는 변수(값을 담는 그릇)를 표현할 때는 따옴표를 쓰지 않았다.

그리고 var name = '자바스크립트'; 라고 name은 '자바스크립트'라는 텍스트라고 변수를 선언했기 때문에

console에 자바스크립트라고 정상적으로 출력되는 것을 확인할 수 있다.

글자 뿐만 아니라 따옴표를 빼면 숫자를 변수로 선언할 수도 있다.

let과 var로 변수를 선언할 때는 값을 추후에 바꿀 수 있다.

분명히 let name = '자바스크립트'; 라고 변수를 선언했지만 밑에서 다시 name = '파이썬';이라고 변수명을 변경해주니

최종적으로 console.log(name);의 결과는 콘솔창에 파이썬이라고 출력되는 것을 볼 수 있다.

그러나 const로 변수를 선언하면 변수를 다시 바꿀 수가 없다.

tip : 윈도우에서는 ctrl + / 를 누르면 그 줄이 주석처리 된다. (VSCode에서)

선언과 할당

let name = 과 같이 let으로 변수명을 만드는 것이 선언이고, 여기에 = '자바스크립트'; 라고 값을 지정하는 것을 할당이라고 한다.

var, let 이 두 함수는 let name; 처럼 변수를 선언만하고 값을 할당을 하지 않아도 코드가 작동한다. 초기값인 undefined라는 값이 출력된다.

하지만 const는 어차피 변수를 한 번 선언하면 값을 나중에 못 바꾸기 때문에 선언만 할 수 없다. 코드 에러가 난다. 반드시 값을 할당해주어야 한다.

변수의 이름을 짓는 규칙 (에러를 피하는 방법)

1. 영어를 사용하며, 문자와 숫자를 모두 사용할 수 있다. (한글 불가)
2. 특수기호는 언더스코어와 달러를 사용할 수 있다. (_ $)
3. 숫자로 이름을 시작 할 수 없다. (1Name)
4. 키워드는 변수명으로 사용할 수 없다. (var var = '자바스크립트'; ==> var는 이미 있는 키워드이기 때문)

개발자들의 암묵적 Naming Convention (규칙은 아님)

1. camelCase : let codeName 과 같이 두번째 단어부터 대문자로 사용하는 것. 낙타와 같이 생겼다고 하여 카멜케이스라고 부르며 대부분의 언어에서 이를 준수한다. 가장 많이 사용함.
2. snake_case : 보통 모두 소문자로 쓸 때 사용하고, 공백 대신에 언더스코어를 넣는 것. 특히 파이썬에서 많이 사용한다.
3. PascalCase : camelCase와는 다르게 첫번째 단어도 대문자로 쓰는 것. C# 같은 MS 계열의 언어에서 많이 사용함.