상세 컨텐츠

본문 제목

[자바스크립트] 1. 출력, 2. 외부, 3. 변수

WEB-Front end/*JAVASCRIPT

by 주초위왕 2023. 5. 27. 23:57

본문

1. 자바스크립트 출력

2. 외부자바스크립트

3. 변수


자바스크립트를 배우기 전에 특징에 대해서 알아보기.

- 웹의 동작을 구현하기위한 언어
- 태그 안에 작성
- 대소문자를 구별함


자바스크립트의 출력

- document.write( ) 함수를 통해 body에 출력

- console.log( ) 함수를 통해 body에 출력

<h2>자바스크립트의 출력</h2>
    <script>
        document.write("안녕하세요. Javascript!");
        console.log('안녕하세요. Javascript');
    </script>

- document.write( ) 함수를 통해 body에 출력

 

- console.log( ) 함수를 통해 body에 출력


외부 자바스크립트 파일로 적용(title 아래에 적어놓기)

<script src="자바스크립트 파일 경로"></script>

 

자바스크립트의 주석

한 줄 주석 : //

여러 줄 주석 : /* */


자바스크립트 프로그래밍

프로그래밍이란?

컴퓨터 프로그램을 작성하는 일. 일반적으로 프로그램 작성 방법의 결정, 코딩, 에러 수정등의 작업을 가리킵니다.

(많이 쳐보고, 눈으로 보지 말고, 암기 하지말고, 따라치면서 배우기, 화면에 띄어놓고 화면처럼 나타낼려면 어떻게 쳐야하는가에

생각해보기, 서로 코드는 다르지만 결과는 같다. 코드가 간결한거는 나중에 고치기)


변수(Variable)

변수란 데이터를 저장할 수 있는 메모리 공간을 의미합니다. 값은 언제든지 변경될 수 있으며, 자바스크립트에서는 let키워드를 사용하여 변수를 선언하고 선언되지 않은 변수를 사용하거나 접근려고 하면 오류가 발생합니다.

 

let 변수명;     // 변수를 선언

변수명 = 값;     // 변수를 초기화

 

let num;

num =10;

 

     =

 

var num;

num 10;

 

*var를 사용하지 않는 이유

1. 같은 이름의 변수를 사용할 수 있음.

2. 지역변수와 전역변수의 구별이 없음

 

* use strict

strict mode 사용을 한다는 의미이며 코드를 엄격하게 사용하도록 함

 

<script>

        'use strict';

        ...

</script>

 

상수(constant)

한번 선언된 상수는 다시 재정의 할 수 있으며, 값도 재할당 할 수 없다.

 

const 상수명;

상수명 - 값 (x)

 

const 상수명 = 값(o)

상수명 = 값 (x)     //재할당 할 수 없음.

 

참고 사이트

https://developer.mozilla.org/ko/docs/Web/JavaScript

 

JavaScript | MDN

JavaScript (JS)는 가벼운, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.js, Apache CouchDB, Adobe Acrobat처럼

developer.mozilla.org

 

반응형

관련글 더보기

댓글 영역