BOM.docx

자바스크립트


· 동적인 웹 페이지를 작성하기 위하여 사용되는 언어

· 객체 : 메모리가 할당된 Data Type

· 웹의 표준 프로그래밍 언어

· 모든 웹브라우저들은 자바스크립트를 지원

· 자바스크립트 특징

- 인터프리트 언어

- 동적 타이핑

- 구조적 프로그래밍 지원

- 객체 기반

- 함수형 프로그래밍 지원

- 프로토타입 기반


[컴퓨터 구조]

 · CPU

- 연산장치

- 제어장치

- 기억장치

· RAM

- 개발한 프로그램은 메모리 위에 올라감

- CPU와 RAM은 버스로 연결되어있음


[자바스크립트 학습순서]

데이터타입 → 연산자 → 제어문(if, switch, for, while) → 함수 → 클래스 → 라이브러리


[객체]

· DataType(정수, 실수, 문자열, 배열, json, 함수...)

- 10이라는 정수객체가 메모리 어딘가에 할당되있고 할당된 곳에대한 위치를 a라는 변수가 알고 있다.

10이라는 정수객체를 조작하는 방법은 속성과 메소드를 이용한다.

변수(객체).속성

변수(객체).메소드(..) 를 통해 조작한다.

· BOM : 미리 만들어져 있는 객체

· DOM : 메모리에 할당된 Tag 객체

- div, img, table ...

· HTML5 API

- 브라우저 자원(통신, 자료저장소, 쓰레드, 캐시, CANVAS, 위치정보)


· myDiv.innerText : 텍스트 내용 읽어오기


 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function fn() {
            n=parseInt(num.value)

            if(90<=n && n<=100){
                mydiv.innerText="A";
            }else if(80<=n && n<=89) {
                mydiv.innerText="B";
            }else if(70<=n && n<=79){
                mydiv.innerText="C";
            }else if(60<=n && n<=69){
                mydiv.innerText="D";
            }else{
                mydiv.innerText="F";
            }
        }
    </script>
</head>
<body>
    숫자:<input id="num" type="number"><br>
    <div id="mydiv">결과</div>
    <button onclick="fn()">확인</button>
</body>
</html>


저작자표시

'SK고용디딤돌' 카테고리의 다른 글

직무교육 8일차(JavaScript)  (0) 2017.07.19
직무교육 7일차(JavaScript)  (0) 2017.07.18
직무교육 5일차(CSS)  (0) 2017.07.14
직무교육 4일차(CSS)  (0) 2017.07.13
직무교육 3일차(CSS)  (0) 2017.07.12

+ Recent posts

티스토리툴바