자바스크립트[JavaScript]의 기본 문법의 관한 포스팅입니다
자바스크립트란?
- HTML 문서의 정적이고 단조로운 한계를 극복하기 위해 만들어진 스크립트 언어
- 웹문서를 동적으로 꾸밀 때 널리 쓰인다
기본 사용 형태
- 스크립트 태그로 자바스크립트를 선언하고 안에 코드를 작성
<script type="text/javascript">
자바스크립트 코드
</script>작성 위치
- <HEAD> 영역 또는 <BODY> 영역에 위와 같이 선언하여 사용합니다
- 대부분 <HEAD>영역에 사용하지만 필요/취향 에따라 <BODY> 영역에 사용하기도 합니다
출력
- 기본적인 예제를 이해하기위해 출력방법을 알아봅시다
<script type="text/javascript">
document.write("Hello World~");
</script>- 화면에 Hello World~ 가 출력됩니다 [ 명령어에 관한 설명은 추후 등장합니다 ]
주석
- // : 한줄 주석
- /*
여러줄 주석
*/
외부스크립트 불러오기
<script type="text/javascript" src="파일경로"></script>- JS파일로 저장한 JavaScript 코드 파일을 불러올 수 있다
변수
- 값(데이터)을 기억하기 위한 메모리 상의 공간
변수에 저장할 수 있는 데이터의 종류
- 문자형(String) / 숫자형(Number) / 논리형(Boolean) / 객체(Object) / Null
변수의 선언 과 초기화(값 저장)
- 선언 : var 변수명
- 초기화(값 저장) : 변수명 = 값
- 선언과 동시에 초기화 가능 : var 변수명 = 값
변수 선언 규칙
- 변수명의 첫 글자는 영문, _(언더바), $ 로만 시작할 수 있다
- 첫글자 외에는 숫자가 올 수 있다 [ 변수명에는 영문, 숫자, (_) 언더바,$ <<< 얘들만 사용 가능 ]
- 예약어는 변수명으로 사용할 수 없고 대소문자 구분한다
변수에 저장된 데이터형 추출 [ TYPEOF ]
<script type="text/javascript">
var Num = 10;
var Str = "10";
document.write(typeof Num); // Number
document.write(typeof Str); // String
</script>
- 위와 같이 실행하면 Num의 데이터형인 Number / Str의 데이터형인 String 이 출력된다
문자형(String) 데이터
- (" ") 큰 따옴표 또는 (' ') 작은따옴표로 감싸고 있는 데이터
- [" 안녕<br>하세요 "] HTML 태그를 감싸면 태그로 인식되어 출력됨
<script type="text/javascript">
var Str = "안녕<br>하<br>세요";
document.write(Str);
</srcipt>출력 결과 ↓↓↓
안녕<br>하<br>세요 가 출력되는 것이 아니라
안녕
하
세요
이렇게 출력됩니다 [ // <br>은 줄바꿈 HTML 태그 ]
숫자형(Number) 데이터
- "" 따옴표로 감싸지 않은 숫자
** 숫자 데이터를 "" 따옴표로 감쌀 경우 문자 데이터가 됩니다
** "3"을 숫자로 사용하고 싶다면 형 변환[ Number("3") ] 후 사용 가능
논리형(Boolean) 데이터
- true(참), false(거짓) 값을 가진 데이터
PART2에서는 연산자와 제어문에 대해 포스팅할 예정입니다
PART2에서 계속됩니다~