Javascript(JS)
Javascript는 웹페이지를 동적으로, 프로그래밍적으로 제어하기 위해 고안된 언어
오늘날 가장 중요한 플랫폼이라고 할 수 있는 웹 브라우저에서 유일하게 사용할 수 있는 프로그래밍 언어
HTML이 한 번 화면에 출력된 후에는 그 형태나 동작 방법을 바꿀 수 없는 문제를 해결하기 위해서 네스케이프에서 만들어짐
ECMA라는 표준화 기구가 현재 JavaScript의 관리 주체
Hello, World!
다음과 같은 HTML 문서를 작성
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Exercise </title>
</head>
<body>
<script>
alert('Hello, World!');
</script>
</body>
</html>
우리가 중요하게 볼 것은 <script>…</script> 안에 있는 내용이다. 이것이 바로 JavaScript의 코드. <script> 태그는 이 부분부터 JavaScript의 문법에 따라서 해석해서 실행하라고 알려주는 셈
이렇게 HTML을 직접 작성하는 방법도 있는가 하면, 크롬의 개발자 도구의 콘솔 창을 이용할수도 있음. 콘솔 창을 띄우는 방법은 [Ctrl+Shift+J]를 키보드로 입력하면 됨 (참고: Mac 사용자의 경우 [Alt+Command+J])
숫자 & 문자
JavaScript에서는 큰따옴표(“)나 작은따옴표(‘)가 붙지 않은 숫자는 숫자로 인식함
연산 기호: +, -, *, /
Math.pow(a,b) // a의 b승
Math.round(a); // a를 반올림
Math.ceil(a); // a 올림
Math.floor(a); // a 버림
Math.sqrt(a); // a의 제곱근
Math.random(); // 0부터 1.0 사이의 랜덤한 숫자
문자는 큰따옴표나 작은따옴표로 감싸야 함
만약 따옴표가 없으면 다음과 같은 결과가 출력됨
따옴표가 붙으면 string 형식인 것을 알 수 있음
문자열 안에 ‘나 “를 넣고 싶을 때는 C언어에서 처럼 그 앞에 ‘\’를 붙여주면 됨
여러 줄로 표시하고 싶을 때는 C언어와 마찬가지로 ‘\n’을 사용함
문자열을 이어 붙여서 표시하고 싶을 때는 +를 사용함
문자열의 길이를 구하고 싶을 때는 문자 뒤에 .length를 붙임
변수
var로 정의. 다른 변수형도 있지만 나중에 차례로 할 예정
문자열도 변수에 저장 가능함
주석은 C에서와 같이 ‘//’를 사용
'Programming > Web Programming' 카테고리의 다른 글
JavaScript Basic #3 (0) | 2017.07.16 |
---|---|
JavaScript Basic #2 (0) | 2017.07.15 |
CSS #2 (0) | 2017.07.12 |
CSS #1 (0) | 2017.07.12 |
HTML Basic #3 (0) | 2017.07.10 |