브라우저에서 콘솔 여는 법, 그리고 JS 기초(string, const/let, Boolean, etc.)

1. F12를 누르거나 마우스 우클릭 -> 검사 를 누르면 된다 

 

2. 콘솔 열리면 우상단 세로점세개 표시 클릭하고 Dock Side를 조정 가능하다 

 

3. 콘솔 텍스트 크기 키우려면 Ctrl/Cmd 누르고 + 버튼을 누르면 된다 (마우스 휠로는 안될 수 있음) 

 줄이려면 Ctrl/Cmd 누르고 - 버튼을 누르면 된다 

 

 

 

 

4. 정수는 integer, 소숫점 있으면 float, 자바스크립트는 숫자 그대로를 type으로 인식한다, 이해한다 

 

5. 자바스크립트는 텍스트는 그대로 인지 못한다, 따옴표 안에 넣어주면 이해한다, 그리고 이걸 text라고 부르지 않고 string이라고 부른다

 

6. Console.log(12345);라고 js코드를 치면, 괄호 안의 내용을 콘솔로 log 또는 print(출력)한다 

 

7. String은 쌍따옴표든 홑따옴표든 상관 없다, 같은 거기만 함 된다 

 

8. 변수(variable)를 만드려면

Const a = 5;

한 다음에 

Console.log(a+5);

console.log(a*5);

Console.log(a/5);

하면 된다

Lazy하게 겹치는 건 변수화한다 

 

9. 변수명에는 띄어쓰기가 있으면 안 된다, 스페이스 넣고 싶으면 uppercase를 활용한다 

예를들면

Const veryLongVariableName = 0;

참고로 파이썬은 

(Const라고 쓸 필요도 없음) very_long_variable_name = 0;

브라우저는 complaine하지 않겠지만 이게 자바스크립트 랜드의 방식이다

Coworker를 위해 띄어쓰기가 있다는 의미로 uppercase를 활용해주는 게 좋다 

 

10. Let과 Const의 차이는? 결과는 같은데? 

Const는 변하지 않는 변수다 

Let는 변할 수 있는 변수다, 나중에 뒤 코드에서 update가 가능하다 (그땐 let 안써도 됨, let is for creation!)

Const는 업뎃이 불가하다, 절대 변하면 안 되는 변수들이 필요하기에 매우 중요하다 

Let myName = 'nico';

myName = 'Nicolas';

Console.log("Your new name is " + myName);

 

By default, 대개 Const로 변수 만들고, every now and then 렛변수를 쓰게 된다 

 

11. (과거 자바스크립트는 var로 통일해 썼고 update가 자유롭게 가능했는데, 그래서 const와 let이 나중에 생겼다), 그래서 오래된 강좌나 책을 읽으면 var을 쓰기로 한다, 현재도 써도 브라우저가 이해하지만, 가급적 const와 let을 쓰는 게 좋다, Never use var!

 

12. Boolean은 true / false로 답이 나온다 

 

13. Null 은 False와 다르다, false는 값이 있는데 틀린 거고, Null은 값이 없는 거다, nothing!  

(파이썬은 none이라고 한다)

 

14. Undefined은 변수에 value가 주어지지 않았을 때 뜬다, null, true/false, undefined 모두 data type이다! 콘솔에 텍스트로 뜨지만 텍스트가 아니다 

 

15. Null은 자동으로 발생하는 게 아니다, 우리가 브라우저한테 여기 변수에는 값이 없다는 걸 확실히 알려주려고 쓴다, nothingness를 의도적으로 표현하기 위해 사용한다 

Const amIFat = null;

Let something;

Console.log(something);