자바스크립트에 대해 공부하기 전에 먼저 자바스크리브란 어떤 언어인지 알아보려고 한다.
html 마크업 언이, css는 스타일시트 언어이듯이
자바스크립트는 프로그래밍 언어이다.
자바스크립트는 서버 개발, 어플리케이션 등 다양한 목적을 위해 사용할 수 있지만 주된 활동 분야는 웹 개발이라고 할 수 있다.
웹 개발에 있어 자바스크립트의 역할은
- 웹 브라우저 및 하위 객체가 가진 기능을 구동한다.
- html/css를 통해 렌더링된 화면을 조작할 수 있다는 것이다.
자바스크립트는 html 파일 자체에 script 태그 안에 작성하는 방법과
따로 .js나 .jsx 파일을 만들어
'src="파일명.js"
와 같이 html파일에 연결시키는 방법이 있다.
자바스크립트는 프로그래밍 언어로써 소프트웨어적 대상에게 명령을 내리는 역할을 수행한다.
(소프트웨어적 대상: 웹 브라우저, 웹 요소, 웹 스타일 등)
명령을 내리고픈 대상에 자바스크립트 명령을 전달하면
입력 > 처리 > 출력
3가지 과정을 거쳐 작업이 이루어진다.
또한 어떤 처리를 지시하고자 하는 대상을 '객체'라고 한다.
따라서 자바스크립트는 '객체 지향 언어'라고 할 수 있다.
객체 명령에는 2가지 유형이 있다.
객체.데이터 : 객체가 가지고 있는 데이터에 접근
객체.기능() : 객체에 다양한 기능을 명령할 수 있다. 객체가 가지고 있는 기능을 '메소드'라고 한다.
이제 객체에 명령을 내리는 실습을 해보려고 한다.
가장 단순하고 대표적인 명령문인 alert()를 사용할 예정인데
alert는 window에 속한 함수이기 때문에 window.alert('예시') 라고 써야한다.
하지만 'window'는 전역 객체이기 때문에 모든 전역 범위에서 접근 가능하다.
때문에 생략하고 사용해도 문제가 없으므로 일반적으로 alert('예시')라고 쓴다.
이 부분에 대해선 추후에 공부할 console.log()도 마찬가지이다.
함수 사용 코드 예시
<script>
alert('예시');
</script>- alert 함수를 사용해 브라우저의 alert창으로 '예시' 문구를 띄웠다.
- 명령문 끝에는 '세미콜론 ;'을 사용해야 명령문이 끝났다는 의미를 전달할 수 있다.
