본문 바로가기

IT/JavaScript

자바스크립트 초보자를 위한 다양한 주석 작성 방법과 예제 코드

728x90
반응형
728x170

자바스크립트는 프로그래밍 언어 중에서 가장 인기 있는 언어 중 하나입니다.

 

웹 개발에서는 거의 필수적으로 사용되며, 다양한 분야에서도 활용됩니다.

하지만 처음 자바스크립트를 공부하는 초보자에게는 언어 자체의 복잡도와 문법의 난이도 때문에 어렵게 느껴질 수 있습니다.

 

그 중에서도 자바스크립트 코드를 작성할 때 가장 중요한 것 중 하나가 주석입니다.

이번 글에서는 자바스크립트에서 주석을 다루는 방법과 예제 코드를 최대한 자세하게 설명해드리겠습니다.

자바스크립트에서는 주석을 통해 코드를 설명하거나, 코드 내부에서 특정 부분을 비활성화시키는 등의 다양한 용도로 사용됩니다. 자바스크립트에서는 두 가지 종류의 주석을 사용할 수 있습니다.

 

하나는 한 줄 주석(single line comment), 다른 하나는 여러 줄 주석(multi line comment)입니다.

한 줄 주석(single line comment)은 // 기호를 사용하여 작성합니다.

// 기호 뒤에 나오는 내용은 해당 줄에서 끝까지 모두 주석 처리됩니다.

즉, // 기호 이후에 작성한 모든 내용은 실행되지 않습니다. 한 줄 주석을 사용하는 예제 코드를 살펴보겠습니다.

 

자바스크립트 주석 다는 방법

 

위 코드에서 // 기호 뒤에 작성된 내용은 모두 주석 처리되었습니다.

따라서 변수 x와 y에 각각 10과 20이 할당되고, console.log(x + y) 코드가 실행되어 x와 y를 더한 결과(30)가 출력됩니다.

여러 줄 주석(multi line comment)은 /*와 */ 기호를 사용하여 작성합니다.

/* 기호 뒤에 나오는 모든 내용은 */ 기호가 나올 때까지 주석 처리됩니다.

여러 줄 주석을 사용하는 예제 코드를 살펴보겠습니다.

 

/*
변수 x와 y에 각각 숫자 10과 20을 할당합니다.
그리고 변수 x와 y를 더한 결과를 출력합니다.
*/
var x = 10;
var y = 20;
console.log(x + y);


위 코드에서 /*와 */ 기호 사이에 작성된 모든 내용은 주석 처리되었습니다. 따라서 변수 x와 y에 각각 10과 20이 할당되고, console.log(x + y) 코드가 실행되어 x와 y를 더한 결과(30)가 출력됩니다.

한 줄 주석과 여러 줄 주석을 적절하게 조합하여 코드 내부에서 설명을 추가하거나 특정 부분을 비활성화시키는 등의 용도로 사용할 수 있습니다.

적절한 주석을 사용하면 코드를 내가 나중에 보는 경우에도, 다른 사람이 내 코드를 보는 경우에도 이해하기 쉽고 간단해집니다.

 

내가 이 코드를 작성한 이유나, 이 코드의 함수에 넣어야 하는 파라미터 형식이 무엇인지 등등 다양한 정보를 적어둘 수 있으니 주석을 잘 활용해보도록 합시다!

 

 

728x90
반응형
그리드형