JavaScript 개요

da.circle·2022년 9월 21일
0

JavaScript가 어떤 기능을 하는지, 선언 방법과 작성방법, 주석을 정리해보았다.

기능

  • 자바스크립트는 웹페이지와 사용자 간의 상호작용을 위해 사용된다.
  • 브라우저에서 사용자의 행동, 데이터, 네트워크 응답, 요청을 처리한다.

선언 방법

html 소스 안에 <script>태그를 사용

  • html의 <body>태그 안에 <script>태그를 선언한다.
  • html의 요소에 접근할 때는 html요소를 읽고나서 자바스크립트 코드를 실행해야 하므로 html코드보다 아래 작성한다.
<body>
		<script>
				console.log("이것은 로그를 출력하는 기능입니다");
		</script>
</body>

외부 .js 파일을 불러온다

  • html의 <body>태그 안에 <script>태그를 선언하고 <script>에 src속성을 이용한다.
<body>
    <script src="javascript.js"></script>
</body>

html 이벤트를 통해 선언한다

  • 이벤트 안쪽에 자바 스크립트 문장을 넣어 실행한다.
<body>
    <button onclick='alert("이것은 이벤트로 호출된 자바스크립트")'>이것은 이벤트</button>
</body>

주석

한 줄 주석

//한 줄 주석문

다중 줄 주석

/*
	다중 
    줄 
    주석문
*/

작성 방법

  • 위에서 아래로, 왼쪽에서 오른쪽으로 읽기 때문에 입력 순서에 주의해야 한다.
  • 대, 소문자를 구분하여 작성한다.
  • 코드 끝에 세미 콜론 (;)을 붙인다.
  • 가독성을 위해 가능한 한 줄에 한 문장만 작성한다.
  • 문자형 데이터 작성 시 " "(큰 따옴표)와 ' '(작은 따옴표)로 겹치지 않게 작성한다.
    ⇒ 백틱(`)으로 문자열을 표현할 수 있다! (백틱은 줄바꿈이 가능)
  • 중괄호, 소괄호의 짝을 맞춰야 한다.
profile
프론트엔드 개발자를 꿈꾸는 사람( •̀ ω •́ )✧

0개의 댓글