본 포스팅은 생활코딩강좌의 내용을 근거로 정리한 내용입니다.
숫자
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>web publisher</title> <script> console.log(1); // () 안의 숫자에 대해 알림창 띄움 console.log(1.224); // 소수표현가능 console.log(1+1); // 더하기 console.log(10 * 3); // 곱하기 console.log(10 / 2); // 나누기 console.log(Math.pow(2,4)); // 제곱 2의 2승 console.log(Math.round(11.7)); // 11.7을 반올림 console.log(Math.ceil(11.7)); // 11.7을 올림 console.log(Math.floor(11.7)); // 11.7을 내림 console.log(Math.sqrt(9)); // 3의 제곱근 console.log(Math.random()); // 0부터 1.0 사이의 랜덤한 숫자 </script> </head> <body> </body> </html> | cs |
크롬브라우저를 실행시킨 후 F12 를 누르면 개발자모드창이 뜨고 Console 탭
으로 가면 결과값을 확인가능하다.
문자
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>web publisher</title> <script> console.log("Hello world!"); // 문자는 큰따옴표나 작은따옴표로 묶어주되 둘을 혼합해서 사용해서는 안된다. console.log('Hello world!'); // 따옴표는 문자의 시작과 끝을 알린다. console.log("Hello world!'"); // 큰따옴표안에 작은 따옴표1개는 문자로 인식함. console.log('Hello world!"'); // 작은따옴표안에 큰 따옴표1개는 문자로 인식함. console.log('Hello\' world!'); // 작은따옴표만으로 문자 구성시에는 작은따옴표앞에 역슬래시(\) 를 붙여준다. // 역슬래시가 붙으면 문자의 시작과 끝을 알리는 것이 아닌 문자로 인식함. // 이때 역슬래시를 escape 라고함. console.log(1); console.log("1"); // 위 둘은 결과값은 같지만 데이터타입은 다르다. console.log(typeof 1); console.log(typeof "1"); // 숫자의 결과값은 number // 문자의 결과값은 string console.log('Hello\n world!'); // \n 은 강제줄바꿈 console.log("Hello" + " " + "world!"); // 더하기 연산자로 문자끼리의 결합이 가능하다. console.log("1" + "1"); // 결과는? 11 - 이것은 문자다. console.log("He llo".length); // 공백을 포함한 문자의 길이를 나타낸다. console.log("Hello".indexOf("e")); // 해당 문자의 인덱스값을 알려준다. 인덱스값은 0부터 시작. </script> </head> <body> </body> </html> | cs |
결과값은 아래와 같다.
'개발 > Javascript' 카테고리의 다른 글
자바스크립트 - 02. 변수와 주석 (0) | 2016.07.07 |
---|---|
웹페이지 성능향상을 위한 자바스크립트 삽입방식과 위치 (0) | 2016.07.07 |
자바스크립트 - DOM 이란? (0) | 2016.07.04 |
자바스크립트 함수 호출 (0) | 2016.07.04 |
버블링(bubbling)과 캡쳐링(capturing) (0) | 2016.06.17 |