📚 [JavaScript] JavaScript란?

이가은·2022년 3월 25일

JavaScript

목록 보기

1/13

📕 JavaScript

JavaScript는 웹의 동작을 구현하는 객체 기반의 스크립트 언어

📙 JavaScript 작성

1. 내부 자바스크립트 사용하기

<script>와 </script> 태그 사이에 실행할 자바스크립트 코드 작성

<body>
	<h2 id = "heading">자바스크립트</h2>
    <script>
        var heading = document.querySelector('#heading');
        heading.onclick = function() {
            heading.style.color = "red";
        } //자바스크립트를 클릭하면 글자색이 빨간색으로 바뀐다
    </script> 
</body>

2. 외부 자바스크립트 사용하기

<script> 태그 없이 자바스크립트 소스만 작성하고 확장자를 .js 파일로 저장

<script src="외부 스크립트 파일 경로"> </script>

📒 JavaScript 문법

1. 세미콜론(;)으로 문장 구분

<script>
	var n = 10;
</script>

2. 주석

① 한 줄 주석

<script>
	//주석 내용이 한 줄을 넘으면 오류가 생긴다
</script>

② 여러 줄 주석

<script>
	/* 
	여는 주석 기호
	닫는 주석 기호
	*/
</script>

3. 식별자

변수, 함수, 속성 등을 구별하려고 이름 붙인 특정 단어

① Camel Case 방식
식별자가 여러 단어로 이루어질 경우에 첫 번째 단어는 모두 소문자로 작성하고, 그다음 단어부터는 대문자로 시작하는 방식

② Underscore Case 방식
식별자를 이루는 단어들을 소문자로만 작성하고, 그 단어들은 언더스코어(_)로 연결하는 방식

📗 JavaScript 출력

1. 알림 창 출력하기

alert(메시지)

✔ 괄호 안에 따옴표(" " 또는 ' ')와 함께 메시지를 넣어준다

2. 확인 창 출력하기

confirm(메시지)

✔ 사용자가 [확인]이나 [취소] 버튼 중에서 직접 클릭할 수 있다

3. 프롬프트 창에서 입력받기

prompt(메시지) 또는 prompt(메시지, 기본값)

✔ 텍스트 필드가 있는 작은 창
✔ 텍스트 필드 안에 간단한 메시지를 입력할 수 있다

var name = prompt("이름을 입력하세요.", "쿠마몬");

✔ 기본값도 지정 가능하다

4. 웹 브라우저 화면에 출력을 담당하는 document.write() 문

document.write("<h2>안녕하세요</h2>");

✔ 웹문서에서 괄호 안의 내용을 표시하는 명령문
✔ 괄호 안에는 실제 웹 브라우저 화면에 표시할 내용이나 어떤 결괏값이 저장된 변수를 넣을 수도 있다

5. 콘솔 창에 출력하는 console.log() 문

console.log(4 * 5);

✔ 괄호 안의 내용을 콘솔 창에 표시한다
✔ 괄호 안에는 변수가 들어갈 수도 있고 따옴표 사이에 표시할 텍스트를 넣을 수도 있다

이가은

가뿡이의 공부 상자📦

다음 포스트