[NomadCoder] MMJS 4. 자바스크립트 html console.log() , 변수 선언 const, let, arrays

2023. 7. 3. 00:11IT/ClientSide

728x90
반응형

HTML 함수

index.html + browser

 

1. console.log() : 콘솔에 메세지 보냄. param::number or string,, 직관적으로 말해서, 콘솔에 괄호 안의 내용을 출력하는 것.

 

 

1) console.log("아무 문자열이나 넣기"); 혹은 colsole.log(12345);

 

2) index.html 브라우저로 돌아가 콘솔을 열어보면 해당 문자열이나 숫자가 올라와있는 것을 볼 수 있다.

 

- JS 자바스크립트는 from top to bottom   : 위에서 아래로 코드를 읽어내린다.

- 개발자가 되려면 게을러야 한다. 하나하나 수정할 생각을 하지 마라!

 

const a = 5; : variable a  상수 변수 a 생성.

- 변수명 작성 관례 : const veryLongVariableName = 0;

cf. Python: very_long_variable_name = 0

*왜 변수 선언을 상수로 하지? #의문

 

let a = 5;

*아 다음 강의에 설명 나옴

 

 

2. JS 자바스크립트의 변수 선언 두가지 방법

 

1) const(constant 상수) 선언 : 값을 변경할 수 없음

 

2) let 선언 : 코드 어딘가에서 값을 변경할 예정

 

- const 변수를 변경하려고 하면 에러 발생

 

- 대부분의 경우 const 변수로 선언하고, 필요로 할 때에 let 선언을 하여 사용한다. 그래야 변수 선언 부분만 보고도 코드의 의미를 얼추 파악할 수 있기 때문이다.

 

+3) var : 이전 방식. 모든 변수가 값을 변경할 수 있음. 이 경우 오류를 잡아내지 못해 프로그램이 안전하지 못하게 된다. 브라우저는 여전히 인식하되 사용하지 않는 것이 좋다. 

 

그 다음에는 Booleans types 랑 null 과 undefined의 차이 알려줌. 듣고싶으면 여기서

⬇️

https://nomadcoders.co/javascript-for-beginners/lectures/2877

 

 

- 내 방식대로 말하자면, null은 확실히 empty고, undefined(변수를 선언만 한 경우)는 메모리에 아무값이나 나올 수 있으므로 위험하니까 그냥 그렇게 쓰지 않는다. 

쉽게 말해, 변수는 선언과 동시에 초기화를 해라.

 

cf. Python : null 대신 None, true/false 대신 Trule/False

 

3. Arrays 

 

1) 헐 JS 배열은 선언 따로 할 필요 없이 초기화단계에서 대괄호랑 콤마만 쓰면 됨

겁나 쉬움.

Ex. let arr = [var1, var2, ```] 

 

2) var1, var2, ```` , 즉 각 변수의 유형이 달라도 상관이 없다. 물론 변수도 가능.

Ex. const arr = [ 1234, "String", false, null, true, var2 ]

 

3) 데이터 구조 Arrays, Array 함수

 

- arr.push() : 배열에 원소 추가

 

728x90
반응형