국비지원 공부 정리/JavaScript
JavaScript 기초 설명
worldstroy
2025. 3. 19. 12:29
JavaScript
웹 페이지에서 복잡한 기능을 구현할 수 있도록 만들어진 프로그래밍 언어
JavaScript 태그의 사용방식
태그의 사용방식 | 사용 방법 | 장단점 |
내장 방식 | <script> alert("헤드 그런데 js 파일 위"); </script> |
간단하게 조작 가능 특정 페이지에서만 작동하는 기능인 경우, 따로 파일을 만들지 않는 게 경제적일 수 있을 것이다. |
링크 방식 | <script src="./index.js"></script> | JS 코드의 양이 많다면 다른 파일에서 관리하는 것이 용이함. 같은 기능을 다른 페이지에서도 사용한다면 JS 파일에 링크만 걸어서 표현하는 게 경제적임 |
Head 태그 내부, Body 태그 내부, Head와 body 사이 등 head 태그가 열린 이후라면 어디든 가능 |
JavaScript의 변수
변수 종류 | 변수의 특정 |
var | 선언 단계와 초기화가 동시에 이루어지며 아무것도 할당하지 않으면 자동으로 undefined가 할당됨 중복 선언 가능, 재선언 가능 중간의 같은 이름의 변수를 다시 선언해도 기존의 변수에 덮어쓰기 당함 -> 문제 발생 변수가 블록 단위에서 끝나지 않고 전역으로 돌아다니며 영향력을 행사함 |
let | 변수의 중복 선언이 불가능하지만 재할당 가능 var과 마찬가지로 선언을 하지 않으면 자동으로 undefined가 할당됨 |
const | 초반에 선언할 때 반드시 초기화를 진행하야하며, 값이 고정됨(즉, 재선언, 재할당 x) |
prompt를 사용해서 변수를 키보드를 통해 입력받을 수 있다. |
JavaScript의 변수 규칙
1. 변수 이름으로는 문자 / 숫자 / $ / _ 만 사용 가능 |
2. 첫 글자는 숫자가 될 수 없다. |
3. 예약어도 사용할 수 없어요 #. 예약어 특별한 의미를 가지고 있는, 기능을 사용하기 위해 정해놓은 지시어 |
4. 변수 이름은 누구가 이해하기 쉽도록 정하는 것이 좋다. |
5. 상수는 대문자로 선언해서 구분하기 쉽도록 한다. |
JavaScript의 자동 형변환
변수의 유형이 컴파일 단계에서 정해지기에 컴파일 단계에서 정해진 변수로 자동형변환됨.
따라서 JavaScript의 특정이 아니라, 변수형(변수명), 혹은 .to변수형()을 써서 의도에 맞게 쓰는 게 좋다.
String()과 toString()의 차이
String()은 null과 undefined에도 문제 X |
toString()은 변수가 존재해야 사용 가능 |