JavaScript 34

04. [JavaScript] 적용

자바스크립트 적용 HTML 문서에 자바스크립트 코드를 적용하는 방법은 2가지가 있다. 1. 내부 자바스크립트 코드로 적용 2. 외부 자바스크립트 파일로 적용 내부 자바스크립트 코드로 적용 HTML 문서 안에 내부 자바스크립트는 console창 출력하기 외부 자바스크립트 파일을 사용하면 웹의 내용을 담당하는 HTML 코드로부터 웹 동작을 구현하는 자바스크립트 코드를 분리할 수 있다. 이렇게 하면 HTML 코드와 자바스크립트 코드를 각각 읽기도 편해지고, 유지보수도 수월해진다. 또한, 외부 자바스크립트 파일은 웹 브라우저가 미리 읽어 올 수 있어 웹 페이지의 로딩 속도 또한 빨라진다.

JavaScript 2021.03.18

03. [JavaScript] 출력

자바스크립트 출력 자바스크립트는 여러 가지 방법을 통해 HTML 페이지에 데이터를 출력할 수 있다. 1. window.alert() 메소드 2. HTML DOM 요소를 이용한 innerHTML 프로퍼티 3. document.write() 메소드 4. console.log() 메소드 window.alert() 메소드 window.alert() 메소드는 브라우저와는 별도의 대화 상자를 띄워 사용자에게 데이터를 전달해 준다. window 객체의 모든 메소드나 프로퍼티를 사용할 때는 window라는 접두사를 생략할 수 있다. HTML DOM 요소를 이용한 innerHTML 프로퍼티 getElementById()나 getElementsByTagName() 등의 메소드를 이용해서 HTML요소에 접근한다. 그러고 나..

JavaScript 2021.03.18

02. [JavaScript] 문법

JavaScript 문법 자바스크립트의 실행문은 세미콜론(;)으로 구분된다. var x = 10; var y = "string"; 자바스크립트는 대소문자를 구분한다. 변수이름, 함수이름, 예약어 등을 작성할 때는 대소문자를 정확히 구별해서 작성해야 한다. var number = 5; // number와 Number는 서로 다른 변수로 인식된다. var Number = 8; Var str = "string"; // var 키워드를 Var로 작성하면 동작하지 않는다. 리터럴(literal) 리터럴은 직접 표현되는 값 그 자체를 의미한다. 12 // 숫자 리터럴 "string" // 문자열 리터럴 true // 불리언 리터럴 식별자(identifier) 식별자는 변수나 함수의 이름을 작성할 때 사용하는 이름을..

JavaScript 2021.03.17

01. [JavaScript] 소개

자바스크립트 자바스크립트는 객체 기반의 스크립트 언어이다. 웹을 동적으로 구현하는 데 사용된다. 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있다. 자바스크립트의 역사 자바스크립트는 1995년에 넷스케이프의 브렌던 아이크에 의해 만들어졌다. 처음에는 모카라는 이름으로 개발되었으나, 이후에 라이브 스크립트, 최종적으로 자바스크립트라는 이름으로 변경되었다. 자바스크립트의 특징 자바스크립트가 가지고 있는 언어적 특징 1. 객체 기반의 스크립트 언어이다. 2. 동적이며, 타입을 명시할 필요가 없는 인터프린터 언어이다. 3. 객체 지향형 프로그래밍과 함수형 프로그래밍 모두 표현 가능하다. C언어와 같은 언어는 소스 파일을 작성한 후, 해당 파일을 ..

JavaScript 2021.03.17