LeeWang_31
이왕31
LeeWang_31
전체 방문자
오늘
어제
  • 분류 전체보기 (234)
    • 프로젝트 (2)
      • 사이드 프로젝트 (2)
      • Codestates_pre_project (0)
    • 프론트엔드 (169)
      • Html (19)
      • CSS (18)
      • JavaScript (29)
      • Codestates (76)
      • 코딩노트 (27)
    • 백엔드 (10)
      • node (10)
    • 구르는 돌 🌑 (16)
      • Codestates (11)
      • 생각 (4)
      • 공부 흔적 (1)
    • 정보 (18)
      • 오류노트 (2)
      • 인텔리제이 정보 (9)
      • 깃 정보 (3)
      • 기타 정보 (4)
      • 안드로이드스튜디오 정보 (0)
    • CS (7)
      • 이론공부 (7)
    • App (6)
      • Android (3)
      • Kotlin (3)
    • 컴퓨터 수학 (5)
      • 암호론 (5)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • figjam
  • 번들링
  • 자바스크립트
  • 안드로이드스튜디오범블비
  • React
  • 웹팩
  • 2609
  • 사용자친화웹
  • 안드로이드스튜디오파이어베이스
  • 파이어베이스연동
  • 2693
  • ubuntu
  • 사이드프로젝트
  • 생활코딩
  • 코딩애플
  • codestate
  • 코플릿
  • DP
  • 코드스테이츠
  • 백준
  • linuix 코드스테이츠
  • css
  • 알고리즘
  • UI/UX
  • JavaScript
  • 사용자 친화 웹
  • TODOlist
  • 1292
  • html
  • linux

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
LeeWang_31

이왕31

생활코딩 자바스크립트 기본 - 주석
프론트엔드/JavaScript

생활코딩 자바스크립트 기본 - 주석

2022. 7. 24. 12:51

본 게시글은 인프런 강의 "생활코딩 - 자바스크립트(JavaScript) 기본"를 보고 공부한 내용을 정리하고 있습니다.

https://www.inflearn.com/course/%EC%A7%80%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%96%B8%EC%96%B4-%EA%B8%B0%EB%B3%B8/dashboard

 

[무료] 생활코딩 - 자바스크립트(JavaScript) 기본 - 인프런 | 강의

생활코딩의 자바스크립트 언어 기본 수업입니다. 기본 문법을 통한 자바스크립트 기본에 대해 배울 수 있습니다., - 강의 소개 | 인프런...

www.inflearn.com


주석

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">
    주석, comment
</script>
</body>
</html>

새 프로젝트를 생성하고 다음 코드를 넣었다.

코드를 실행해보면 alert와 같은 코드를 넣지 않았기 때문에 아무 반응도 없다.

겉 보기에는 아무 이상이 없어보이지만 f12를 눌러 개발자 환경에 들어가보면 경고문을 확인 할수 있다.

다음과 같이 경고를 눌러보면 어디서 어떻게 문제가 발생하는지 확인할 수 있다.

 

문제가 있던 부분을 //를 붙여서 실행해보자

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">
    //주석, comment
</script>
</body>
</html>

코드의 색이 회색으로 변한것을 볼수 있고, 실행하고 개발자 환경에 들어가도 문제가 발생하지 않는다.

// 자바에서도 나오지만 주석이다.

 

프로그램에 영향을 주지 않지만 일종의 표시를 하여 코드를 보는 누군가에게 설명을 할수 있는 기능이다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">
    /*
    주석, comment
    */
</script>
</body>
</html>

주석은 //말고 /* */로 표현할수 있다.

두개의 차이는 //주석은 한줄만 주석처리 하고,

/* */는 두개가 일종의 괄호처럼 사이에 들어있것을 감싸면서, 감싸진 부분을 주석처리한다.

그렇기 때문에 한줄 뿐만 아니라 여러줄도 한번에 주석 처리를 할 수 있다.

'프론트엔드 > JavaScript' 카테고리의 다른 글

생활코딩 자바스크립트 기본 - 수의 연산  (0) 2022.07.25
생활코딩 자바스크립트 기본 - 수의 표현  (0) 2022.07.25
생활코딩 자바스크립트 기본 - 줄바꿈과 여백  (0) 2022.07.24
생활코딩 자바스크립트 기본 - 크롬 개발자 도구 - 콘솔 사용법  (0) 2022.07.24
생활코딩 자바스크립트 기본 - 코드 작성과 실행  (0) 2022.07.24
    '프론트엔드/JavaScript' 카테고리의 다른 글
    • 생활코딩 자바스크립트 기본 - 수의 표현
    • 생활코딩 자바스크립트 기본 - 줄바꿈과 여백
    • 생활코딩 자바스크립트 기본 - 크롬 개발자 도구 - 콘솔 사용법
    • 생활코딩 자바스크립트 기본 - 코드 작성과 실행
    LeeWang_31
    LeeWang_31
    이왕 할 거면 기분 좋게

    티스토리툴바