[JavaScript]란?

coolriver·2023년 4월 20일

목록 보기

1/10

JavaScript란?

객체 기반의 프로그래밍 언어로 스크립트 언어에 해당됩니다.
스크립트 언어(scripting language): 소프트웨어를 제어하기 위한 프로그래밍 언어

주로 웹 페이지에서 사용되며 웹에서 발생하는 이벤트 처리 및 사용자 상호 작용, 그리고 웹 사이트 동작과 같은 작업을 수행하기 위해 사용됩니다. HTML, CSS와 함께 웹을 구성하는 요소 중 하나로 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에 자바스크립트 인터프리터가 내장되어 있습니다.

종종 Node.js와 같은 프레임워크를 사용하여 서버 측 환경 프로그래밍에 사용되기도 합니다.

JavaScript의 역할

웹 브라우저 기능 실행
HTML / CSS를 통해 렌더링 된 화면 조작(내용, 속성, 스타일 등)

JavaScript 적용

자바스크립트는 <script></script> 태그로 HTML 내부, 혹은 외부에 적용할 수 있으며 <head> 태그 사이, <body> 태그 사이에 삽입할 수 있습니다. 주로 <body> 태그의 맨 끝에 위치합니다.

HTML 내부 적용:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>타이틀</title>
</head>
<body>
  
  <script></script>
  
</body>
</html>

문서 `<head>`, `<body>` 태그 사이에 `<script></script>` 삽입

HTML 외부 적용:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>타이틀</title>
</head>
<body>
  
  <script src="script.js"></script>
  
</body>
</html>

1. 외부에 작성된 확장자 .js 파일 생성
2. `<head>`, `<body>` 태그 사이에 `<script src="자바스크립트 생성루트"></script>` 삽입

JavaScript 출력

HTML DOM 요소를 선택하여 이용하는 innterHTML
HTML에 직접 출력하는 document.write() 메소드
*출력 시 모든 데이터를 지우고 새로 덮음
대화 상자로 출력하는 alert() 메소드
콘솔에 출력하는 console.log() 메소드

JavaScript 문법

실행문의 마침은 세미콜론(;)으로 구분(선택 사항)

let a;
let b = a+1

대소문자를 구분합니다.

let JavaScript = 1; 
let javascript = 2; //다른 변수

JavaScript 주석

자바스크립트의 주석은 두 가지 형식을 지원합니다.

한 줄 주석: // 주석 내용
여러 줄 주석: /*주석 내용*/

*여러 줄 주석 안에 한 줄 주석도 추가 가능합니다.

JavaScript 타입

JavaScript에는 여러 타입이 존재하며 크게 원시 타입과 객체 타입으로 나뉩니다. 또한 피연산자의 타입을 typeof 연산자를 통해 반환할 수 있습니다.

- 원시 타입

숫자(number): 정수나 실수를 표현하지만 자바스크립트 내에선 모든 숫자 값을 실수로 표현합니다.
문자열(string): 큰 따옴표, 작은 따옴표, 백틱 안에 들어가는 텍스트 데이터
불리언(boolean): 참(True) 혹은 거짓(False) 값을 나타냅니다.
null: 값이 없는 상태
undefined: 값이 할당되지 않은 상태
심볼(symbol)

- 객체 타입

객체(object)
배열(array)
함수(function)

coolriver

코생아

다음 포스트