JavaScript의 alert() 경고창에서 텍스트를 여러 줄로 나누어 표시하고 싶다면, 줄바꿈 이스케이프 시퀀스인 "\r\n"을 사용하면 됩니다. 일반적인 HTML처럼 <br> 태그가 동작하지 않기 때문에, 문자열 안에 직접 줄바꿈 문자를 삽입해야 합니다.아래 예제는 버튼을 클릭했을 때 여러 줄로 구성된 메시지를 경고창에 표시하는 방법을 보여줍니다.예제 코드<html> <body> <script>
JavaScript에서 /*...*/와 /**...*/는 모두 여러 줄 주석(multi-line comment)입니다. 두 표기법은 문법적으로 동일하게 동작하지만, /**...*/ 형식은 자동 문서화 도구를 위한 특수한 용도로 사용된다는 점에서 차이가 있습니다. 여러 줄 주석 /*...*/ JavaScript의 여러 줄 주석은 C 프로그래밍 언어의 주석 스타일과 매우 유사합니다. 아래와 같이 작성합니다. /* * 이것은 JavaScript의 여러 줄 주석입니다 * C 프로그래밍 언어의 주석과 매우 유사합니다 */ HTML 문
JavaScript의 쉼표 연산자(comma operator)는 나열된 각 피연산자를 왼쪽에서 오른쪽으로 차례대로 평가한 뒤, 마지막 피연산자의 값을 반환합니다. 이 연산자를 활용하면 하나의 표현식이 들어가야 할 자리에 여러 개의 표현식을 결합해서 작성할 수 있습니다.쉼표 연산자 기본 문법쉼표 연산자의 기본적인 문법은 다음과 같습니다.expression1, expression2, ……expressionNfor 루프에서 여러 변수 동시에 다루기쉼표 연산자가 가장 널리 활용되는 곳은 바로 for 루프입니다. 초
language 속성이란?language 속성은 <script> 태그에서 사용되는 스크립팅 언어를 명시하기 위해 사용되었습니다. 일반적으로 이 속성의 값은 javascript로 지정되었습니다.하지만 최신 버전의 HTML(및 그 후속 표준인 XHTML)에서는 이 속성의 사용이 점차 제거되었으며, 현재는 공식적으로 더 이상 사용되지 않는(deprecated) 속성입니다.과거 사용 예시참고로 과거에는 아래와 같이 language 속성을 사용했습니다.<html> <body> <scrip
<script> 태그에는 스크립팅 언어를 지정하는 여러 속성이 있으며, 그중 lang과 type 속성은 비슷해 보이지만 용도와 현재 상태가 다릅니다. 각각의 특징을 살펴보겠습니다. JavaScript lang 속성 lang 속성은 사용 중인 스크립팅 언어가 무엇인지 지정하는 역할을 합니다. 일반적으로 값으로 javascript를 설정하며, 초기 HTML 버전에서 널리 사용되었습니다. 다만 최신 HTML과 그 후속 표준인 XHTML에서는 이 속성이 단계적으로 제거(deprecated)되었기 때문에, 현재는 더 이상 사용하
HTML의 <div>와 <span> 태그란?<div>와 <span>은 모두 웹 페이지의 특정 영역을 정의하는 데 사용되는 대표적인 HTML 태그입니다. 두 태그 모두 자체적인 의미(시맨틱)를 갖지 않으며, 주로 CSS로 스타일을 적용하거나 여러 요소를 하나의 그룹으로 묶을 때 활용됩니다. 그렇다면 이 두 태그는 어떤 점이 다를까요? 핵심은 바로 콘텐츠가 배치되는 방식, 즉 블록 레벨(block-level)과 인라인(inline)의 차이입니다.<div>와 <span>의
HTML은 대소문자를 구분하지 않는 마크업 언어인 반면, JavaScript는 일반 텍스트로 작성되는 프로그래밍 언어이기 때문에 대소문자를 엄격하게 구분합니다. 예를 들어 while 키워드는 반드시 소문자 그대로 while이어야 하며, While이나 WHILE로 작성하면 오류가 발생합니다.HTML과의 연관성 때문에 더욱 혼동하기 쉽습니다JavaScript가 대소문자 구분에 특히 민감하게 다뤄지는 이유는 HTML과 밀접하게 연관되어 있기 때문입니다. HTML에서 태그(tag)와 속성(attribute) 이름은 대소문자를 구분하지 않지
HTML이 태그와 속성 이름에서 대소문자를 엄격하게 구분하지 않는 것과 달리, 자바스크립트(JavaScript)는 대소문자를 철저하게 구분하는 언어입니다. 이 차이는 처음 웹 개발을 배우는 사람들에게 혼란을 주곤 하는데, 두 언어가 밀접하게 연동되어 사용되기 때문입니다. 이 글에서는 자바스크립트가 대소문자를 구분하는 이유와 실제 개발 시 주의해야 할 사항을 살펴보겠습니다.자바스크립트가 대소문자를 구분하는 이유HTML은 마크업(markup) 언어로, 브라우저가 관대하게 해석하도록 설계되었습니다. 반면 자바스크립트는 일반 텍스트로 작성
자바스크립트(JavaScript)는 기본적으로 대소문자를 구분(case-sensitive)하는 언어입니다. 따라서 대소문자까지 엄격하게 일치해야 하는 문자열 비교는 별도의 메서드 없이도 간단한 비교 연산만으로 처리할 수 있습니다. 엄격 동등 연산자(===) 사용하기 엄격 동등 연산자인 ===는 값과 자료형을 모두 비교합니다. 문자열끼리 비교할 때는 알파벳의 대소문자까지 정확히 일치해야만 true를 반환합니다. 즉, amit과 Amit은 첫 글자의 대소문자가 다르기 때문에 서로 다른 문자열로 판단됩니다. <!DOCTYPE ht
JavaScript에서 부동 소수점(float) 숫자를 정수로 변환하려면 Math 객체가 제공하는 다양한 메서드를 활용할 수 있습니다. 상황에 따라 버림, 올림, 내림, 반올림 중 어떤 방식이 필요한지에 따라 적절한 메서드를 선택하면 됩니다.주요 변환 메서드Math.trunc() – 소수점 이하를 단순히 잘라내어(버림) 정수 부분만 반환합니다.Math.ceil() – 소수점 이하가 있으면 무조건 가장 가까운 큰 정수로 올립니다.Math.floor() – 무조건 가장 가까운 작은 정수로 내립니다.Math.round() – 일반적인 반
자바스크립트 코드를 살펴보다 보면 라이브러리 파일의 가장 첫 줄이 ;(세미콜론)로 시작하는 경우를 종종 목격하게 됩니다. 언뜻 불필요해 보이는 이 작은 기호에는 중요한 이유가 숨어 있습니다.즉시 실행 함수(IIFE) 패턴먼저 배경 지식으로, 자바스크립트에서 함수는 일반적으로 다음과 같은 형태로 작성됩니다.(function(){...})()이 패턴을 즉시 실행 함수 표현식(IIFE, Immediately Invoked Function Expression)이라고 부릅니다. 함수를 정의하는 동시에 바로 호출하여, 내부 변수들이 전역 스코
JavaScript(자바스크립트)는 대소문자를 구분(case-sensitive)하는 언어입니다. 즉, 언어의 키워드, 변수, 함수 이름 등 모든 식별자는 항상 일관된 대소문자 표기로 작성해야 하며, 조금이라도 다르게 입력하면 다른 것으로 인식됩니다.따라서 Time과 TIME은 JavaScript에서 서로 전혀 다른 의미를 가지며, 두 개의 별개 식별자로 취급됩니다.참고 − 이러한 특성 때문에 JavaScript에서 변수와 함수 이름을 작성할 때는 대소문자 표기를 항상 신경 써야 합니다. 실무에서는 카멜 케이스(camelC
코드를 작성하다 보면 설명을 덧붙이거나 특정 코드를 일시적으로 실행하지 않도록 처리해야 할 때가 많습니다. 이때 사용하는 것이 바로 주석(Comment)입니다. JavaScript는 C 스타일과 C++ 스타일의 주석을 모두 지원하며, HTML 주석 문법까지 일부 인식합니다.JavaScript에서 지원하는 주석의 종류한 줄 주석(//) — //부터 그 줄의 끝까지 작성된 모든 텍스트는 주석으로 처리되며, JavaScript 엔진이 실행 시 무시합니다.여러 줄 주석(/* */) — /*와 */ 사이에 있는 텍스트는 모두 주석으로 간주됩
웹 개발의 첫걸음은 자바스크립트(JavaScript)의 기본 사항을 이해하는 것에서 시작됩니다. 자바스크립트는 동적(dynamic) 프로그래밍 언어로, 가볍고 주로 웹 페이지의 구성 요소로 활용됩니다. 클라이언트 측 스크립트가 사용자와 상호작용할 수 있도록 하여 동적인 페이지를 구현할 수 있게 해주며, 객체 지향 기능을 갖춘 인터프리터 방식의 프로그래밍 언어이기도 합니다.변수(Variables)다른 많은 프로그래밍 언어와 마찬가지로 자바스크립트에도 변수가 존재합니다. 변수는 이름이 붙은 컨테이너라고 생각할 수 있습니다. 데이터를 이
JavaScript에서 주석(Comment)은 코드 실행에 영향을 주지 않으면서 개발자가 설명이나 메모를 남길 수 있게 해주는 중요한 도구입니다. 코드의 가독성을 높이고 협업 시 의사소통을 원활하게 만들어 주며, 디버깅 중 특정 코드를 일시적으로 비활성화할 때도 활용됩니다.1. 한 줄 주석 (Single-Line Comment)한 줄 주석은 //로 시작하며, 해당 기호부터 줄 끝까지의 모든 텍스트는 JavaScript 엔진에 의해 무시됩니다. 간단한 설명이나 짧은 메모를 남길 때 가장 많이 사용되는 방식입니다.// 이것은 한 줄 주
JavaScript에서 한 줄 주석(single-line comment)은 // 기호로 시작합니다. //부터 그 줄이 끝나는 지점까지의 모든 텍스트는 주석으로 간주되며, JavaScript 엔진은 이 부분을 완전히 무시하고 실행하지 않습니다.한 줄 주석의 기본 형식아래는 JavaScript에서 한 줄 주석을 작성하는 가장 기본적인 예시입니다. C++ 언어의 주석 스타일과 매우 유사합니다.// 이것은 한 줄 주석입니다. C++의 주석과 비슷한 방식입니다.HTML 문서에서 활용 예제다음 예제는 실제 웹 페이지의 <script>
JavaScript 여러 줄 주석이란?JavaScript에서 여러 줄 주석은 /*로 시작하여 */로 끝납니다. 이 문법은 C 프로그래밍 언어의 주석 작성 방식과 매우 유사하며, 두 기호 사이에 포함된 모든 내용은 코드 실행 과정에서 완전히 무시됩니다./* * This is a multiline comment in JavaScript * It is very similar to comments in C Programming */사용 예제다음 예제는 HTML 문서의 script 태그 안에서 여러 줄 주석을 활용하는 방법을 보여줍니다.
JavaScript에서 주석(comment)은 코드 실행에 영향을 주지 않으면서 설명이나 메모를 남기기 위해 사용되는 중요한 요소입니다. 주석은 크게 한 줄 주석과 여러 줄 주석 두 가지 방식으로 작성할 수 있으며, 각각의 문법과 용도가 다릅니다.한 줄 주석(Single-line Comment)한 줄 주석은 // 기호로 시작합니다. // 뒤에 작성된 텍스트부터 해당 줄이 끝나는 지점까지의 모든 내용은 주석으로 처리되며, JavaScript 엔진이 이를 무시하고 실행하지 않습니다.// This is a comment. It is si
자바스크립트(JavaScript)와 C++은 모두 널리 사용되는 프로그래밍 언어지만, 설계 목적과 동작 방식에서 큰 차이를 보입니다. 두 언어의 기본 특징부터 핵심 차이점까지 하나씩 살펴보겠습니다.자바스크립트란?자바스크립트는 가볍고 인터프리터 방식으로 실행되는 스크립트 언어입니다. 네트워크 중심 애플리케이션 개발을 위해 설계되었으며, Java와 상호 보완적으로 통합되어 사용됩니다. HTML에 손쉽게 삽입할 수 있어 구현 난이도가 낮고, 오픈 소스 기반으로 크로스 플랫폼을 지원한다는 것이 큰 장점입니다.C++이란?C++은 1979년
ECMAScript란 무엇인가? ECMA는 European Computer Manufacturers Association, 즉 유럽 컴퓨터 제조업체 협회의 약자입니다. ECMAScript는 자바스크립트(JavaScript), JScript 등 다양한 스크립팅 언어의 표준 규격을 의미하며, 스크립트 언어 명세의 상표이기도 합니다. 즉, 자바스크립트는 ECMAScript 표준을 기반으로 만들어진 언어이며, 오늘날 가장 널리 사용되는 ECMAScript 구현체 중 하나로 꼽힙니다. 웹 브라우저별 ES6 지원 현황 ECMAScript 6