Programming/Web Programming2017. 7. 13. 03:53

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) // ab

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
Posted by BinZIP