[ 강사 소개 ]
닉네임 : Rapha0814
E-mail : hans7368@gmail.com
GitHub : github.com/Rapha0814
참고도서 : Do it! 자바스크립트+제이쿼리 입문
단지 공부의 목적으로 해당 도서 및 자료를 정리해둔 것입니다.
#02 | 자바스크립트 기초 문법 -1
[ 자바 스크립트 선언문 ]
- 선언문이 시작된 곳부터 종료한 곳까지가 스크립트의 영역
- HTML 문서에서 <head> 태그영역 또는 <body> 태그영역에 선언을 하면 된다.(우리나라는 대부분 <head> 태그영역에 선언
기본형
* HTML소스코드에서 주석을 달 경우 <!-- 주석 -- > 이렇게 달면 된다.
[ 내부 스크립트 외부로 분리하기 ]
HTML 내부에 작성된 자바스크립트를 마지막에 외부로 분리하는 작업을 하는 이유
- 자바스크립트 소스 찾기가 쉽다.
- 다른 사람이 소스를 손상시킬 염려가 없다.
외부 자바스크립트 연동 코드로 파일을 연결
기본형
내부 스크립트를 외부로 분리하려면 자바스크립트로 작성한 부분을 따로 파일로 만들면 된다.
- HTML파일과 JS파일을 분리해서 HTML 내에서 JS파일을 연동시키면 된다.
[ 자바스크립트 코드 입력시 주의할 점 ]
- 대, 소문자 구별
- 실행문 뒤에는 세미콜론을 붙여라
- 실행문 작성시 한 줄에 한 문장만 작성하는 것이 좋다
- 문자형 데이터 작성시 큰따옴표와 작은따옴표 겹침 오류 주의
- ex>
- 오류가 있는 문장
- document.write("그녀가 "안녕"이라고 말했다.");
- 잘된 문장
- 1. document.write('그녀가 "안녕"이라고 말했다.');
- 2. document.write("그녀가 \"안녕\"이라고 말했다.");
- 실행문 작성시 괄호의 짝이 맞아야 한다.
[ 변수 ]
값을 저장할 수 있는 메모리 공간
변수를 선언할 때는 var 키워드를 변수명 앞에 붙인다.
기본형
[ 변수명 주의 사항 ]
- 변수의 이름은 한글을 사용할 수 없다.
- 영문과 숫자 그리고 일부 특수 문자(_, $)만 가능하다.
- 변수명 첫글자는 $, _, 영문자만 가능
- 변수명으로 예약어 사용 불가.
- 변수명을 사용할 때는 대소문자 구분.
변수에 저장가능한 데이터의 종류는 문자형(String), 숫자형(Number), 논리형(Boolean), 비워진 데이터(Null&Undifined) 이 있다.
문자형
- 문자나 숫자를 큰따옴표 또는 작은따옴표로 감싸고 있다.
- 문자형 데이터에 HTML 태그를 포함할 경우 태그로 인식되어 적용된다.
- 기본형
숫자형
- 숫자만(따옴표 없이). 큰따옴표가 있다면 ("100") Number("100")으로 숫자형데이터로 바꿀 수 있다.
- 기본형
논리형
- 데이터로 true, false를 가진다. Boolean() 내장 메서드에 데이터를 입력하면 true 또는 false를 반환하는데, 숫자 0과 null, undefined를 제외한 모든 데이터는 true를 반환한다.
- 기본형
null & undefined
- undefined는 변수에 아무 값도 등록되어 있지 않은 경우이고, null은 변수에 데이터로 null이 저장되어 있는 경우이다. null은 변수에 저장된 데이터를 비우고자 할 때 사용.
- 기본형
typeof
- 저장된 데이터형을 알고 싶을 때 사용.
- 기본형
[ 연산자 ]
자바스크립트에서 사용하는 연산자에는 산술, 문자결합, 대입(복합대입), 증감, 비교, 논리, 삼항 조건 연산자 가 있다.
- 산술
- +, -, *, /, %
- 문자결합
- 문자 + 문자 or 문자 + 숫자
- 대입
- =, +=, -=, *=, /=, %=
- 증감
- 변수--; or --변수; or 변수++; or ++변수;
- 비교
- >, <, >=, <=, ==, !=, ===, !==
- ==과 != 는 피연산자의 데이터형이 비교 연산자 실행 결과에 영향을 미치지 않는다.(ex, var k=10, m="10"; k==m의 결과는 true)
- ===과 !== 는 피연산자의 데이터형에 따라 결과의 값이 달라진다.(ex, var k=10, m="10"; k==m의 결과는 false)
- 논리
- ||, &&, !
- || : 피연산자중 하나만 true 면 결과값 true
- && : 피연산자중 하나만 false여도 결과값 false
- ! : 피연산자 값의 반대 결과값 반환
'Study Progamming > JavaScript' 카테고리의 다른 글
| [ 스터디 첫번째 ] #01 | 자바스크립트 시작하기 (0) | 2017.08.04 |
|---|
