티스토리 뷰

Front-End

Javascript 기초 문법_숫자와 문자

on1ystar 2019. 6. 27. 17:35
728x90
반응형

본 내용은 생활코딩 이고잉님의 강좌(https://www.opentutorials.org/)를 듣고 공부를 위해 기록한 것입니다.

 

HTML 페이지에 자바스크립트 문을 작성하기 위한 기본 틀

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script> <!--자바스크립트문을 작성하기 위한 태그-->
        alert(1); // alert()는 웹 페이지에 인자로 전달된 값을 경고창을 띄워 나타낸다.
    </script>
</body>
</html>

 

 

Math를 이용한 복잡한 계산

Math.pow(3,2);       // 9,   3의 2승 
Math.round(10.6);    // 11,  10.6을 반올림
Math.ceil(10.2);     // 11,  10.2를 올림
Math.floor(10.6);    // 10,  10.6을 내림
Math.sqrt(9);        // 3,   3의 제곱근
Math.random();       // 0부터 1.0 사이의 랜덤한 숫자

 

이를 이용해 100보다 작은 정수형 난수 만들기

 

문자열의 기본

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        alert("coding everybody"); // 문자열은 ""안에 작성
        alert('coding everybody2'); // ''안에 작성해도 상관 없음
        alert('egoing\'s scoding everybody'); // 이스케이프 시키기
        alert('coding\n everybody'); // 줄바꿈 \n
        alert("coding" + "everybody");  // 문자열 연산
        alert(typeof "coding everybody"); // 값의 타입을 알려주는 키워드 >> string
    
    </script>
</body>
</html>

 

다양한 문자열 관련 함수들

그 외  자바스크립트 사전

 

String - 생활코딩

한줄요약 문자열 객체. 문자를 제어하는 다양한 메소드와 속성을 가지고 있다. 문법 String([stringText]) new String([stringText]) // String은 자주 사용하는 객체이므로 다음과 같은 형식을 사용하면 암시적으로 String객체가 된다. // 위와 아래는 똑같이 String객체를 생성한다. 'stringText' "stringText" 인자 stringText - 문자 설명 String(문자열) object(객체)는 자

opentutorials.org

 

728x90
반응형

'Front-End' 카테고리의 다른 글

Javascript 배열의 메소드  (0) 2019.06.27
Javascript 함수 선언  (0) 2019.06.27
Javascript === 연산자, null 과 undefined  (0) 2019.06.27
Javascript 변수  (0) 2019.06.27
HTML 기본 문법과 태그 정리  (0) 2019.06.24
댓글