변수 선언법:
dash-case
HTML, CSS 만 사용 ( js에서는 변수명이 - 기호라고 인식할 수 있기 때문)
snake_case
HTML, CSS 사용, (js도 사용가능하지만 위와 비슷한 이유로 꺼림.)
camelCase
JS (주로 사용)
PascalCase
JS (특별한 경우만 사용)
js는 자료형이 달라도 할당 가능하다. (한 변수에 number값을 줬다가 string으로 재할당 가능하다.) like python
let variable = value;
- 중복선언 불가능하지만 재할당 가능, 할당 안하면 undefined 할당.
const VARIABLE = value;
선언할 때 할당 피수, 재선언 불가, 재할당 불가
선언할 때 대문자로 선언하는 것이 예의
var variable = value;
- 선언과 초기화가 동시에 이루어짐, 할당 안하면 undefined가 할당. 중복선언, 재선언 가능. 전역으로 영향력 행사해서 var 대신 let 사용을 권장함.
다른 자료형 함께 출력하기
메소드의 매개 변수로 넣어서 사용 (변수 이전에 공백 한 칸 출력)
console.log('string', variable, 'string');
+연산자를 이용해서 변수를 문자로 변환 후 더해서 사용
console.log('string' + variable + 'string');
백틱 문자사용
`문자를 쓰다가 변수를 넣고 싶다면 'Like this ${variable}' <= 이렇게 넣으면 됨.`
*참고 사항
console.log(i, ' * ', j, ' = ', i*j); (*i,j는 variable)
해당 구문처럼 첫 parameter를 num으로 작성하면 브라우저가 number 값이라고 인식하여 '가 그대로 출력된다.
ex) i '*' j ' = ' i*j'
반대로 console.log(' ' + i, ' * ', j, ' = ', i*j);
로 작성하면 브라우저가 string값이라고 인식하여 '가 출력되지 않는다.
ex) i * j = i*j
+ 연산자는 변수를 문자로 변환 후 사용하는 것이기 때문에 위와 같은 이유로 ''가 출력되지 않는다.
/* 자료형
- 기본 자료형 : string, number, boolean, null, undefined
- 객체 자료형 : array, object */
typeof를 null, array에 쓰면 object결과를 얻을 수 있다.
array: 배열 데이터
사용 가능 property, method:
array.length, array.push(value), array.pop(), array.unshift(추가할 값), array.shift(), array.indexOf(찾을 값), array.includes(찾을 값)*/
'포스코x코딩온' 카테고리의 다른 글
[포스코x코딩온] 풀스택 부트캠프 3주차 정리 -1 (JQuery) (0) | 2023.11.07 |
---|---|
[포스코x코딩온] 풀스택 부트캠프 2주차 정리 -2 (javascript) (0) | 2023.11.03 |
[포스코x코딩온] 풀스택 부트캠프 1,2주차 정리 -4 (CSS 完) (0) | 2023.10.30 |
[포스코x코딩온] 풀스택 부트캠프 1주차 정리 -3 (CSS) (0) | 2023.10.27 |
[포스코x코딩온] 풀스택 부트캠프 1주차 정리 -2 (HTML, CSS) (0) | 2023.10.25 |