javaScript - 기초문법

javaScript - 기초문법

기본 용어

 - 자바스크립트에서 값을 만들어내는 간단한 코드를 '표현식'이라고 한다.

 - 표현식 끝에 세미콜론을 찍게 되면, 문장의 종결을 알려준다

// 표현식
'10' + 2 + '20' + 3
'Hyeon'
 
 
// ---------------------------------------------------------------------------------------------------------
 
// 문장
'10' + 2 + '20' + 3;
'Hyeon';
!문장 끝에 ;(세미콜론)을 입력하지 않아도 프로그램을 실행하는데는 문제가 없지만,
 다른 프로그래밍 언어가 문장 끝에 세미콜론을 입력하므로 입력하는게 좋음.
 
 

  

예약어

예약어는 프래그램 상에서 현재사용하고 있는것과 미래에 사용할 키워드를 지칭합니다.

그래서 예약어는 변수명으로 사용하는것을 지양합니다.

예약어 URL : http://developer92.tistory.com/5

식별자

식별자란, JS에서 이름을 붙일때 사용하는 단어

Ex) 변수명 and 함수

 - 식별자 네이밍 규칙

1) 예약어 사용금지

2) 숫자로 시작금지(ex, a1v ( O ), ab1 ( O ), 1a ( X )

3) 공박(띄어쓰기) 금지

4) 특수문자 사용금지 ( _, $ 사용가능)

5) 한글, 한자 등 사용가능하지만, 알베벳으로 사용권장

( 식별자의 의미를 명확하게 사용하려는것 )

6) 대소문자 구분

7) 여러단어의 조합일 경우 '_' or CamelCase 권장 ( changeRed )

8) 의미없는 단어보다는 용도 파악이 용이한 단어를 사용

// 사용가능한 식별자
var hyeon;
var hyeon9
var _hyeon
var $hyeon
var HYEon
var HYEON
 
// ----------------------------------------------------------------------------------------------------------
 
// 사용불가능한 식별자
var break
var 4545hyeon
var hyeo n1
 
 

 - 식별자의 종류

구분	단독으로 사용	다른 식별자와 사용
식별자 뒤에 괄호 없음	변수	속성
식별자 뒤에 괄호 있음	함수	메서드

• alert('Hello Workld')            //  함수

• Array.length                      //  속성

• input                               //  변수

• propmt('Message', 'Defstr')   //  함수

• Math.PI                            //  속성

• Math.abs(-12)                    //  메서드

주석

주석처리는 프로그래밍에서 중요( 웹 브라우저 인식 X )

// 한줄
 
/*
    한줄이상이양~
*/
                                                                                                              
 

출력

window.alert("Hello JavaScript")  // 경고창으로 출력
 
document.write()  // body에 직접 출력
 
console.log()  // 콘솔 패널에 출력, 브라우저에서 F12번 눌러서 나오는 개발자 도구(에러 확일할 때 좋음)             
 
document.getElementById().innerHTML  // 문서에 작성된 요소를 객체화하여 요소에