국비지원 공부 정리/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()은 변수가 존재해야 사용 가능