○ JavaScript (자바스크립트)
- 웹브라우저에서 interpreter 방식으로 해석되는 스크립트 언어
- HTML문서를 좀 더 역동적으로 동작시킬 수 있음
- 웹페이지의 3요소 : 구조(HTML) + 표현(CSS) + 동작(JavaScript 또는 웹프로그래밍언어)
- jQuery : JavaScript를 라이브러리화 해 놓은 오픈소스
○ JavaScript 기본 문법
- 대소문자를 구분
- 종결문자 ;
- 주석 : // (한 줄 주석), /* */ (여러 줄 주석)
- 자바스크립트 코드 작성 영역 선언 : <script></script> (<head>나 <body>영역에 선언가능)
- js파일 import : <script src="파일경로+파일명"></script>
○ Data Type (자료형)
① 숫자형 (Number)
- 숫자, 따옴표없이
② 문자형 (String)
- 반드시 ' '(작은 따옴표) 또는 " "(큰 따옴표) 기호로 감싼다
③ 논리형 (Boolean)
- 맞다(참, true), 틀리다(거짓, false)
// 1. 숫자형
document.write(123);
document.write(456);
document.write(789);
// 2. 문자형
document.write("정조");
document.write('세종');
// document.write(영조); 에러
// 3. 논리형(boolean)
document.write(true);
document.write(false);
// 4. 주의!
document.write(true); // boolean
document.write("true"); // string
document.write(1004); // number
document.write('1004'); // string
○ 출력 관련
- 자바스크립트에서 HTML태그를 사용하려면, 문자열 형태로 사용
document.write("<br>")
document.write("<hr>")- 명령어로 사용되는 기호를 단순 기호로 인식하려면 \(백슬래시)와 같이 사용
- 큰따옴표와 작은따옴표를 엇갈려 쓰는 것 가능
document.write("\"\""); // ""
document.write("\'\'"); // ''
document.write("\\\\"); // \\
document.write("''"); // ''
document.write('""'); // ""
'Frontend > JavaScript' 카테고리의 다른 글
| 06. JavaScript 연습문제 모음 (삼항연산자, 형변환 등) (0) | 2022.04.26 |
|---|---|
| 05. JavaScript 형변환(Type Conversion) (0) | 2022.04.26 |
| 04. JavaScript document 객체 (0) | 2022.04.26 |
| 03. JavaScript 변수 (Variable: var, let, const) (0) | 2022.04.25 |
| 02. JavaScript 연산자 (operator) (0) | 2022.04.25 |
댓글