내부 스크립트
<script>
document.write("내부 스크립트 방법");
</script>
외부 스크립트
<script src="script.js"></script>
script
태그는 </body>
바로 위에 작성브라우저 콘솔창: F12
→ Console 탭
console.clear()
: 콘솔 내용 지우기Code Runner 확장 프로그램: VS Code에서 바로 실행 가능
document.write()
: 브라우저에 텍스트 출력
console.log()
: 콘솔에 출력
let
, var
const
var
는 호이스팅됨 / let
, const
는 안됨키워드 사용 불가, 공백 금지
시작 문자: 영문자, _
, $
표기법
camelCase
: 일반 변수snake_case
: 상수PascalCase
: 생성자 함수const str = "Hello, world";
const str2 = 'He said "Hi"';
const template = `값은 ${str}`;
true
, false
undefined
: 할당되지 않은 변수null
: 의도적으로 비워둠+
, -
, *
, /
, %
+=
, -=
, ...==
, ===
, !=
, !==
, <
, >
&&
, ||
, !
조건 ? 참일 때 : 거짓일 때
if (조건) {
// 실행
} else if (조건) {
// 실행
} else {
// 실행
}
switch (값) {
case 조건1:
break;
default:
break;
}
while (조건) {}
do {
// 실행
} while (조건);
for (let i = 0; i < 5; i++) {}
for (let key in 객체) {}
break; // 반복문 종료
continue; // 현재 반복 스킵
// 선언식
function sayHello() {}
// 표현식
const sayHi = function () {}
// 화살표 함수
const sum = (a, b) => a + b;
매개변수 / 인수
return: 값을 반환
스코프
function
){}
)즉시 실행 함수
(function () {
console.log("즉시 실행");
})();
const person = { name: "홍길동", age: 30 };
person.name // 마침표 방식
person["age"] // 대괄호 방식
person.name = "김철수"; // 수정
person.job = "개발자"; // 추가
delete person.age; // 삭제
String: 문자열 메서드 제공
Array: 배열 관련 메서드
Date
const today = new Date();
Math
Math.floor(3.7) // 3
Math.ceil(3.1) // 4
Math.round(3.5) // 4
Math.random() // 0 ~ 1 사이 난수
window
: 웹 브라우저 전체 제어 (창 관련 메서드 등)