자바스크립트 기본지식- 용어,문장,서식

자바스크립트란 무엇인가?

웹페이지는 3 레이어로 이루어져 있다.

• 1차 html 마크업
• 2차 css 디자인
• 3차 자바스크립트로 동적구현

 

---

자바의 용어 이해하기

카페라떼 만들기에 비유해보자

 

1. 라떼커피를 만들기 위한 재료방 - 변수

2. 커피 옵션을 계산하기 위한 계산식 - 연산식

3. 조건에 맞는 반복적인 작업문 - 제어문

4. 주문버튼 - 실행문

---

자바스크립트 문장 만들기

로봇에 명령하듯이 단계를 나누어 하나하나 명령해야한다.

 

• 선언식 : var main = "text"
• 오브젝트. 메서드 ();
• 오브젝트. 속성;

이때 메서드와 속성의 작성 방식이 조금 다르다.

 

메서드와 속성은 작성방법
메서드	객체(오브젝트) . 메서드 ();	뒤에 ();
속성	객체(오브젝트) . 속성 ;	;
문장을 끝낼땐 ; 사용

 

---

 

만든 문장 결과 출력, 확인하기

 

자바스크립트는 화면에 구현되지 않기 떄문에 출력명령어를 입력하여 확인한다. 

 

console.log();

입력 후 크롬 F12 개발자 모드> 콘솔에서  확인

 

---

자바스크립트 서식

 

1. 소스작성시 홑따음표 사용 ''

2. 대소문자 구분

3.사용자 이름 만들땐 색별자 법칙 사용

 

 

사용불가능한 식별자 이름
한글. 다른나라 언어 사용금지 알파벳과 숫자, _ $ 가능 첫글자 숫자 금자 공백문자, 예약어 사용금지
01num	숫자 첫글자
var	예약어
num str	공간문자
num Room	공간문자
getElementByld	예약어
메인01	한글사용
'01	사용금지 특수문자
예약어란? 자바스크립트에서 먼저 등록한 명령어 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Lexical_grammar 예약어 확인가능 링크