2024. 11. 1. 03:47ㆍ자바스크립트(Javascript)
1. 자바 스크립트란?
- web이나 모바일은 node.js로 많이 만들어짐
- 자바 스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어
- 자바 스크립트는 대소문자를 구별함
- 프론트엔드, 백엔드에 모두 사용 가능한 언어
-문장 끝에 ;(세미콜론)을 사용(생략도 가능)
-자바 스크립트의 실행 순서는 인터프리터 해석 방식이므로 위에서 아래로 실행
2. 변수 선언
2-1) 변수 선언시
-name = '김사과
-var name = '김사과'
-let name = '김사과'
상수 선언시
-const name = '김사과'
2-2) var의 문제점은 두개 선언시 오렌지로 인식한다.
그래서 문제점이 많아 6버전이후로 만들어진 let 선언을 추천한다.
1) var name = '김사과'
name = '오렌지'
2) let name = '김사과' (추천)
3. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있다.
자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있다.
현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있다.
자바스크립트는 HTML의 내용을 변경할수도 있고, 속성과 스타일도 변경이 가능하다.
컴퓨터 언어와 사람과 비유를 해보면 HTML은 우리 몸에 있는 뼈이고 CSS는 피부와 근육이고 JavaScript는 우리 몸에 있는 장기라고 생각해보자.
우리 몸에 뼈, 근육, 장기 모두 있어야 하는 듯이 웹 개발에서도 HTML, CSS, JavaScript가 모두 있어야 퀄리티 좋은 웹 서비스를 만들 수 있다.
4. 자바스크립트의 역사
자바스크립트는 1995년에 넷스케이프(Netscape)의 브랜던 아이크(Brandan Eich)에 의해 만들어졌다.
처음에는 모카(Mocha)라는 이름으로 개발되었으나, 그 후에 라이브스크립트(LiveScript), 최종적으로는 자바스크립트(JavaScript)라는 이름으로 변경되었다.
5. 자바스크립트 표준
1996년에 넷스케이프(Netscape)는 자바스크립트를 국제 표준안으로 만들기 위해 ECMA(European Computer Manufact urers Association)에 제출한다.
그 결과 ECMA는 ECMAScript라는 새로운 표준을 제정하였고, 그 첫번째 버전인 ECMA-262를 1997년에 공표한다.
ECMAScript는 자바스크립트뿐만 아니라 마이크로소프트의 JScript나 어도비의 액션스크립트도 따르는 국제 표준이 된다.
현재 자바스크립트의 최신 표준은 2015년에 발표된 ECMAScript 6이다
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>자바스크립트</title>
<script>
/*
여러줄 주석
*/
console.log('안녕하세요'); //한줄 주석
</script>
<script src="./js/start.js"></script>
</head>
<body>
<!-- web이나 모바일은 node.js로 많이 만들어져있다
자바스크립트의 특징
- 객체 기반의 스크립트 언어
- 대소문자를 구별함
- 프론트, 백엔드 모두 사용 가능한 언어
- 문장 끝에 ;(세미콜른)을 사용 (생략이 가능)
- 자바스크립트의 실행 순서는 인터프리터 해석 방식이므로 위에서 아래로 실행
변수
name = '김사과'
var name = '김사과'
let name = '김사과'
상수
const name = '김사과'
-->
<script>
/* var 의 문제점 선언시 오렌지로 인식 */
var name = '김사과'
name = '오렌지'
/* 6버전으로 let으로 선언(바뀜) */
let name = '김사과'
</script>
</body>
</html>
6. 자바스크립트로 Vscode 사용시 javascript(ES6) 버전을 설치하면 사용하는데 더 편리하게 이용 할 수 있다.
7. /*
여러 줄 사용 할시 선언
*/
console.log('안녕하세요'); //한줄주석'자바스크립트(Javascript)' 카테고리의 다른 글
| 6. 조건문 - switch문 (0) | 2024.11.01 |
|---|---|
| 5. 조건문 - if문 (0) | 2024.11.01 |
| 4. 대화상자 (0) | 2024.11.01 |
| 3. 타입변환 (0) | 2024.11.01 |
| 2. 자바스크립트 타입변환 (0) | 2024.11.01 |