1. 자바스크립트란?
- 객체(object) 기반의 스크립트 언어
- HTML로 웹의 내용을 작성, CSS로 웹을 디자인, JS로 웹의 동작을 구현. 즉, JS는 웹페이지를 동적으로 변경해주는 언어
- JS는 주로 웹브라우저에서 사용
- Node.js와 같은 프레임워크를 통해 서버 측 프로그래밍에서도 사용 가능
- 다양한 라이브러리 및 내장함수 지원
객체지향프로그래밍이란 ?
- 프로그램 구현에 필요한 객체를 만들고 객체들의 역할이무엇인지 정의하여 객체들간의 상호작용을 통해 프로그램
- 코드의 재사용과 반복 최소화!
그렇다면...자바랑 자바스크립트는 같은 것인가요??
자바스크립트 시작해보기
- JS 연결하기
- 코드 작성
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css" />
<title>Document</title>
</head>
<body>
<h1>CONNECT</h1>
<script src="app.js"></script>
</body>
</html>- 연결 확인
2. 기본 용어
- 표현식 : 값을 만들어내는 간단한 코드
273
10+20+30*2
'Yunssup'- 문장 : 하나 이상의 표현식이 모이는 것. 세미콜론(;) 혹은 줄바꿈을 넣어 문장의 종결을 알림
10+20+30*2
let yunssup = 'yun'+'ssup';
alert('Hello World');
273;- 프로그램 :위의 문장들이 모이면 프로그램이 된다
3. 식별자
프로그래밍 언어에서 이름을 붙일 때 사용
- 키워드 사용 X
- 숫자 시작 X
- 특수문자는 _와 $만 사용
- 공백 문자 포함 X
- 클래스 이름은 대문자로 시작
- 변수, 인스턴스, 함수, 메소드는 소문자로 시작
- 여러 단어로 이루어진 식별자의 단어의 첫 글자는 대문자로
식별자의 종류
alert('Hello World') = 함수
식별자 뒤에 괄호 없이 단독 사용
Array.length = 속성
식별자 뒤에 괄호 없이 다른 식별자와 사용
input = 변수
식별자 뒤에 괄호 있고 단독 사용
Math.abs(273) = 메소드
식별자 뒤에 괄호 있고 다른 식별자와 사용
