JavaScript 소개 및 기초

JavaScript 소개

웹 브라우저 및 Node 런타임 환경에서 실행되는 인터프리터 프로그래밍 언어입니다.

웹 페이지를 동적으로 만들고 사용자와 상호 작용하는 기능을 구현하는 데 사용됩니다.

Node 런타임 환경에서 실행 가능한 프로그램을 구현하는 데도 사용됩니다.

주요 특징

특징	설명
인터프리터 언어	컴파일 과정 없이 코드를 한 줄씩 바로 실행하는 방식으로 동작합니다.
클라이언트 스크립트 언어	웹 브라우저에서 실행되며, 서버의 부하를 줄이고 사용자의 컴퓨터 자원을 활용합니다.
객체 기반 언어	객체를 기반으로 하는 프로그래밍이 가능하며, 다양한 내장 객체를 제공합니다.
풍부한 라이브러리	React, Vue.js, Angular 등 다양한 프레임워크와 라이브러리를 활용할 수 있습니다.

기본 용어

용어	설명
표현식(Expression)	값을 만들어내는 코드
문장(Statement)	프로그램을 구성하는 최소 단위
키워드(Keyword)	특별한 의미가 부여된 단어
식별자(Identifier)	변수나 함수 등의 이름

키워드

JavaScript에서 키워드는 언어 자체에서 특별한 용도로 사용하기 위해 미리 예약해둔 단어들입니다. 이러한 키워드들은 변수명이나 함수명으로 사용할 수 없습니다.

var, let, const, if, else, for, while, function, return, break, continue
JavaScript
복사

카테고리	키워드	설명
변수 선언	var, let, const	변수를 선언하고 초기화하는 데 사용
조건문	if, else, switch, case	조건에 따른 코드 실행을 제어
반복문	for, while, do	코드를 반복적으로 실행
함수 관련	function, return	함수를 정의하고 값을 반환
객체 지향	class, new, this	객체 지향 프로그래밍 구현
예외 처리	try, catch, throw	오류 처리와 예외 상황 관리

위 키워드들은 JavaScript 프로그래밍의 기본 구조를 형성하는 핵심 요소입니다.

식별자

식별자는 프로그램에서 변수, 함수, 클래스 등을 구분하기 위해 사용하는 이름을 의미합니다. JavaScript에서 식별자를 작성할 때는 다음과 같은 규칙을 따라야 합니다.

•

키워드를 사용하면 안 됩니다.

•

숫자로 시작하면 안 됩니다.

•

특수 문자는 _, $만 허용됩니다.

•

공백 문자를 포함할 수 없습니다.

주석

코드를 설명하는 내용이나 메모를 작성하는 부분

프로그램 진행에 영향을 주지 않습니다.

언어	주석 기호	설명
HTML	<!-- 주석내용 -->	HTML 문서에서 사용되는 주석
JavaScript	// 주석내용	한 줄 주석 처리
JavaScript	/* 주석내용 */	여러 줄 주석 처리

// 한 줄 주석 예시
console.log("Hello"); // 이것은 안내 메시지입니다

/* 여러 줄 주석 예시
   이렇게 여러 줄을
   주석 처리할 수 있습니다 */
console.log("World");
JavaScript
복사

기본 출력

1. console.log() 메서드

브라우저의 개발자 도구 콘솔 창에 내용을 출력하는 방법입니다.

console.log("Hello World");  // 콘솔에 텍스트 출력
console.log(123);          // 숫자 출력
console.log(true);         // 불리언 값 출력
JavaScript
복사

2. alert() 메서드

사용자에게 경고창(팝업)을 통해 메시지를 표시하는 방법입니다.

alert("Hello World");        // 경고창으로 메시지 출력
alert("경고!");            // 한글도 출력 가능
alert(123 + 456);         // 계산 결과도 출력 가능
JavaScript
복사

3. confirm() 메소드

사용자에게 확인 창을 통해 확인, 취소 여부를 입력 받을 수 있는 팝업 창 입니다.

[확인] 버튼 클릭 시, true 를 반환합니다.

[취소] 버튼 클릭 시, false 를 반환합니다.

확인, 취소 여부에 따라서 프로그램 실행 흐름을 제어할 수 있습니다

4. document.write() 메서드

HTML 문서에 직접 내용을 작성하는 방법입니다.

document.write("Hello World");    // HTML 문서에 텍스트 출력
document.write("<h1>제목</h1>");  // HTML 태그도 사용 가능
document.write("<p>문단</p>");    // 여러 요소 출력 가능
JavaScript
복사