Do it! 02.자바스크립트 기초 문법(기초문법, 자료형)
Do it! 자바스크립트 + 제이쿼리 입문으로 기초를 다질 예정입니다.
학교를 다니면서 프로젝트를 진행할 때 프런트엔드를 html, css, 간단한 javascript로 했었습니다.
이번 기회에 확실히 다잡고!!
빠르게 react 나 vue js 로 넘어갈 예정입니다.
02-1 자바스크립트 기초 문법
1) 자바스크립트 선언문
<script></script> 자바스크립트 코드를 작성할 영역 선언, 대부분 <head> 태그 영역에서 선언.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
document.write("환영합니다");
</script>
</head>
<body>
</body>
</html>document는 문서 객체이며 문서 출력 메서드인 write()를 이용하여 데이터를 문서에 출력할 때 사용.
2) 자바스크립트 주석처리
한줄 주석 '//한 줄 설명글' 여러줄 주석 '/*여러 줄 설명글*/'
3)내부 스크립트 외부로 분리하기
<script src="JS 파일 경로"></script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="js/ex.js"></script>
</head>
<body>
</body>
</html>4) 코드 입력 시 주의사항
-대, 소문자 구분하여 작성
-코드 한줄을 작성한 후 세미콜론 쓴다
-문자형 데이터 작성시, 큰따옴표와 작은따옴표 겹침 오류 주의
-코드 작성시, 중괄호 혹은 소괄호의 짝이 맞아야 한다.
02-2 변수
1) 변수
변수? 변하는 데이터 값을 저장할 수 있는 메모리 공간
->문자형(string), 숫자형(number), 논리형(boolean), 빈(null) 데이터
변수 선언
var 변수명 ; 또는 var 변수명=값;
2) 변수에 저장할 수 있는 자료형
문자형
var s = "javascript";
var num = "100";
숫자형
var s =100;
var t=Number("500") //"500" -> 500
논리형
var s=true;
var t =10 >= 100 //false
var k = Boolean("hello"); //true
Boolean() -> 숫자 0, null, undefined, 빈문자("")를 제외한 모든 데이터에 대해 true를 반환한다.
null & undefined 데이터
undefined: 변수에 값이 등록되기 전의 기본값
null: 변수에 저장된 값이 null인 경우. 변수에 저장된 데이터를 비우고자 할 때 사용하는 값.
var s;
var t=hello;
t=null;
typeof
지정한 데이터, 변수에 저장된 자료형을 알고 싶을 때 사용.
typeof 변수 또는 데이터
3) 변수 선언 시 주의사항
-변수명 첫 글자로는 $,_,영문자만 올수 있음
-변수명 첫글자 다음은 영문자, 숫자,$,_만 포함할 수 있음
-변수명으로 예약어 사용할 수 없음(document, location, window..)
-변수명을 지을 때는 되도록 의미 부여
-대소문자 구분