찾다

집 >웹 프론트엔드 >JS 튜토리얼 >JavaScript로 \'Hello, World!\'를 인쇄하는 방법

JavaScript로 \'Hello, World!\'를 인쇄하는 방법

DDD
DDD원래의
2024-09-18 11:54:02512검색

JavaScript 여정의 또 다른 부분에 오신 것을 환영합니다! 이 블로그 게시물에서는 프로그래밍의 가장 기본적인 작업 중 하나인 "Hello, World!"를 인쇄하는 방법을 다룰 것입니다. 화면에. 이 간단한 연습은 JavaScript를 시작하고 언어 작동 방식의 기본을 이해하는 좋은 방법입니다. 뛰어들어 보세요!

"Hello, World!" 인쇄 중 자바스크립트로

"Hello, World!" 인쇄 중 새로운 프로그래밍 언어를 소개하는 데 사용되는 전형적인 예입니다. JavaScript에서는 작업 중인 환경에 따라 여러 가지 방법으로 이를 달성할 수 있습니다. 가장 일반적인 방법인 브라우저 콘솔을 사용하고 웹 페이지에 메시지를 표시하는 방법을 다루겠습니다.

방법 1: 브라우저 콘솔 사용

브라우저 콘솔은 JavaScript 코드를 테스트하고 디버깅하기 위한 강력한 도구입니다. F12 또는 Ctrl Shift I(Windows/Linux) 또는 Cmd Opt I(Mac)

단계:

    웹 브라우저를 열고
  1. F12 또는 Ctrl Shift I(Windows/Linux) 또는 Cmd Opt I(Mac)을 눌러 개발자 도구를 엽니다.
    2. '콘솔' 탭으로 이동하세요.
    3. 다음 JavaScript 코드를 입력하고
  3. Enter를 누르세요. 
console.log("Hello, World!");

설명:

  • console.log()는 브라우저 콘솔에 메시지를 출력하는 내장 JavaScript 함수입니다.
  • "Hello, World!" 문자열은 표시하려는 메시지입니다.

방법 2: 웹페이지에 표시하기

"Hello, World!"를 표시하고 싶다면 웹페이지에서는 HTML과 JavaScript 코드를 작성해야 합니다. 방법은 다음과 같습니다.

단계:

    새 HTML 파일(예:
  1. index.html)을 만듭니다.
    2. 텍스트 편집기에서 파일을 열고 다음 코드를 추가합니다. 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello, World!</title>
</head>
<body>
    <h1 id="message"></h1>

    <script>
        document.getElementById("message").innerText = "Hello, World!";
    </script>
</body>
</html>

설명:

  •  선언은 HTML의 문서 유형과 버전을 정의합니다.
  • 요소는 HTML 문서의 루트 요소입니다.
  • 요소에는 문자 집합, 제목 등 문서에 대한 메타 정보가 포함되어 있습니다.
  • 요소에는 웹페이지의 콘텐츠가 포함됩니다.
  • id 속성이 있는

    요소는 'Hello, World!'가 있는 위치입니다. 메시지가 표시됩니다.