7월 16일_JAVA Script(시작하기, 자바스크립트 메소드)

# 자바스크립트 시작하기

 

웹 요소를 제어

• 웹 요소를 가져와서 필요에 따라 스타일을 변경, 움직임
• 웹 사이트 UI 부분에 많이 활용
• ex) 마우스 포인터에 반응해 움직이는 메뉴

다양한 라이브러리 사용

• 라이브러리와 프레임워크의 등장

웹 어플리케이션 만들기

• 사용자와 실시간으로 정보를 주고 받으며 애플리케이션처럼 동작

서버 구성, 서버용 프로그램 제작

• node.js : 프런트엔드 개발에 사용하던 자바스크립트를 백엔드 개발에서 사용할 수 있게 만든 프레임워크

자바스크립트(JavaScript)란?

• 객체(object) 기반의 스크립트 언어
• HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현
• 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용
• 현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장

자바스크립트의 특징

• 자바스크립트는 객체 기반의 스크립트 언어
• 자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어
• 자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현

자바와 자바스크립트

자바와 자바스크립트는 그 이름만 놓고 보면 서로 관련이 있는 언어로 생각되기 쉬움

하지만 두 언어는 서로 직접적인 관련은 없으며, 비슷한 점보다는 다른 점이 훨씬 많음

문법상 비슷한 부분은 두 언어의 문법이 모두 C언어를 기반으로 만들어졌기 때문

자바	자바스크립트
컴파일 언어	인터프리터 언어
타입 검사를 엄격하게 함.	타입을 명시하지 않음.
클래스(class) 기반의 객체 지향 언어	프로토타입(prototype) 기반의 객체 지향 언어

 

 

---

 

#자바스크립트의 메소드

 

innerHTML

• 문서 객체 모델(DOM)의 요소 객체의 속성으로, 요소 안의 HTML 콘텐츠를 나타냄

document.write()

• HTML 표현식이나 JavaScript 코드를 문서에 작성하는 메소드

window.alert() / alert()  : 경고창 

• 사용자에게 메시지를 포함한 모달 대화 상자를 표시하는 메소드

console.log()

• 콘솔에 메시지를 출력하는 메소드

document.getElementById()

• 주어진 ID 속성값을 가진 하나의 요소(element)를 반환

document.getElementsByClassName()

• 주어진 클래스 이름을 가진 모든 요소(elements)를 반환

document.getElementsByTagName()

• 주어진 태그 이름을 가진 모든 요소(elements)를 반환

document.getElementsByName()

• 주어진 name 속성값을 가진 모든 요소(elements)를 반환

document.querySelector()

• CSS 선택자를 사용하여 문서에서 첫 번째로 일치하는 요소(element)를 반환

document.querySelectorAll()

• CSS 선택자를 사용하여 문서에서 일치하는 모든 요소(elements)를 반환

---