웹 개발에 있어, 자바 스크립트의 역할 은
- 웹 브라우저 및 하위 객체가 가진 기능을 구동하거나
- html/css를 통해 렌더링된 화면을 조작할 수 있다.
자바스크립트 작성 위치
- html 문서 내부에 작성하는 방법
내부에 작성할때는 script 태그를 사용한다. - 자바스크립트(js) 파일을 만들고, 그안에 작성한 코드를 html에 연결하는 방법
스크립트 동작 원리
- 자바스크립트는 프로그래밍 언어로써, 소프트웨어적 대상에게 명령을 내리는 역할을 수행하고, 소프트웨어적 대상이란
웹브라우저, 웹 요소, 웹 스타일 등을 의미한다.
명령을 내리고픈 대상에 자바스크립트 명령을 전달하면
입력 > 처리> 출력
순서대로 작업이 이루어진다.
자바스크립트 명령문으로 어떤 처리를 지시하고자 하는 대상을 가르쳐 '객체'라고 한다.
입력 처리 출력 객체에게 어떤 작업을
수행하라는 명령을 가진다객체가 주어진 작업을 수행한다. 객체가 작업을 수행한 결과를
사용자에게 반환한다.
자바스크립트의 모든 명령문은 대부분 위와 같은 절차를 따르게 된다.
다양한 객체 이름이 미리 정의되어 있어 사용자는 이를 어떻게 사용하는지만 알면 사용할 때 문제는 없다.
객체 다루는 방법
자바스크립트가 제공하는 객체 이름을 선택하고, 뒤에 점(.)을 붙인 다음 전달하고자 하는 명령을 적어준다.
객체 명령의 두 가지 유형
객체.데이터
객체가 가지고 있는 숫자, 문자 등의 다양한 데이터(값)를 사용할 수 있다. 그 데이터를 일반적으로 '속성'이라고 한다.
객체.기능()
객체가 가지고 있는 다양한 기능(행위)을 괄호 안에 넣어 사용할 수 있다. 일반적으로 '메소드'라 한다.
예시
window.alert('x')
이 명령문은 웹브라우저에게 '경고창에 X라고 쓴 다음 화면에 띄워줘'라는 명령이다. x에는 사용자가 원하는 내용을 입력하면 된다.
주석
자바스크립트도 html과 css과 더불어 주석을 사용할 수 있는데, 두 가지 방법이 있다.
//주석이다. - 이건 한줄만 가능
/주석이다/ - 이건 여러 줄에 걸쳐서 사용 가능
끝으로
자바스크립트 코드는 기본적으로 작성된 순서에 맞춰서 차례대로 작업을 수행한다.
명령문은 한 줄에 하나씩 쓰는 것이 좋은데,
명렴문의 끝에 세미콜론을 붙이게 되면 한 줄에 두 개 이상 명령문을 쓸 수도 있다.
세미콜론의 의미는 '명령문 하나 끝남' 이라는 의미다.
뉴비입니다