-
[JavaScript] 자바스크립트 기본 문법 : 코드 위치, 출력, 변수개발 프로세스/Front-end 2021. 6. 6. 21:27
1. 자바스크립트 코드는 HTML 파일 내에 포함되어 있어야 한다.
웹 문서(html) 내장 방식
<script type = "text/javascript"> /* 자바스크립트 코드 작성 */ </script>
외부 파일 참조 방식
<script type="text/javascript" src="myscript.js"> </script>
2. 출력
document.write("Hello, world")
var title1 = "컴퓨터와 IT기술의 이해" var title2 = "소셜미디어의 이해와 활용" var title3 = "멀티미디어 배움터 2.0" document.write("<tr><td>1</td><td>" + title1 + "</td></tr>") document.write("<tr><td>2</td><td>" + title2 + "</td></tr>") document.write("<tr><td>3</td><td>" + title3 + "</td></tr>")
3. 기본 변수 타입
Number : 모든 숫자를 실수로 저장함
String
Boolean
undefined
Null
4. 변수 선언
var 변수명 = 변수값; var a = 0; var str = "자바";
5. 변수 타입 확인
document.write(typeof(a)) // number document.write(typeof(str)) // string
6. 변수 형 변환 (Type Conversion)
문자열(String) → 숫자(Number) : parseInt() / parseFloat()
숫자(Number) → 문자열(String) : toString()
var length = 123; var length_num, length_str; length_num = length + 10; // 133 length_str = length.toString() + 10; // 12310 var num = parseInt(length_str) + 20; // 12330
'개발 프로세스 > Front-end' 카테고리의 다른 글
[JavaScript] 자바 스크립트 기본 문법 : 대화상자 alert(), confirm(), prompt() (0) 2021.06.07 [JavaScript] 자바스크립트 기본 문법 : 연산자 (0) 2021.06.07 [CSS] 고급활용 (0) 2021.04.20 [CSS] 스타일 기초 (0) 2021.04.19 [HTML] 하이퍼링크와 멀티미디어 (0) 2021.04.15