바닐라 JS_1_기본자료형&변수

배운점

자바스크립트는 자바와 다르게
설치나 설정이 필요없음,
이미 모든 웹브라우저 안에 설치가 되어있기때문

VS code html자동완성 단축키, 스페이스 +1

CSS와 JS단독으로 쓰일 수 없음
HTML에서 CSS 와 JS를 불러와서 화면에 띄우는 것.

F12 (개발자 모드)

Elements 왼쪽 - HTML
Elements 오른쪽 - CSS
Console - JS

기본 자료형

Number 1,2,3,4 이렇게 작성
Text "1","2" 이렇게 작성
String "동해물과 백두산이" + " 마르고 닳도록"

JS 변수 선언 세가지

@변수?

오른쪽의 값을 왼쪽 변수에 담는 것

1> const - 상수값 (변하지 않음)
2> let - 변할 수 있음.
3> var - 예전에 쓰던 변수 (아무조건이 없어 실수로 바꿔선 안 될값이 바뀌어도 콘솔이 알려주지 않음)

따라서

const를 항상 쓰고 let은 선택적으로 사용 var는 사용 지양

@예시

let myName = "blake";
console.log("Your name is " + myName);
Your name is blake

myName = "choi";   >>> 변수선언없이 바로 변수사용가능
console.log("Your name is " + myName);
Your name is choi

느낀점

1>
20년 정도 된 홈페이지 유지보수할때 오래된 소스라 그런지
var만 보아서,,,,, js의 변수는 var만 있는 줄알았는데
const와 let의 존재를 앎,,(ES6부터 생겼다고함)
인강도 최신것을 들어야하는 중요성을 깨달음.

2>
1년 전 자바 배우기 전 문외한 상태에서 들었을때 보다 확실히 받아드리는 것이 다르다고 느낌. 재밌음.

노마드코더 클론코딩 인강을 통하여 배운 것을 복습하는 포스팅이므로 잘못된 정보는 예쁜말로 피드백 주시면 언제나 감사합니다.