자바스크립트 공부 (1) - 시작하기

개인 공부/JavaScript 2021. 1. 21. 01:43

* <Do it! 웹 프로그래밍을 위한 자바스크립트 기본 편>책으로 공부하며 배운 내용을 정리한 글입니다. 생소하거나 눈에 띄는 개념들 위주로 정리할 예정! :)

1. 자바스크립트의 용도

원래 자바스크립트는 웹 사이트의 동적인 효과를 주는 언어였다. 하지만 현재는 자바스크립트로 서버를 구성하거나 웹 프로그램을 제작하는 등 무궁무진하게 활용할 수 있다. 자바스크립트 전용 라이브러리, 프레임워크, 공개 API 등도 사용할 수 있음!

자바스크립트 소스는 CSS 소스와 마찬가지로 HTML 문서 안 또는 밖에 작성할 수 있다.

<html>
<head></head>
<body>
    <script> <!-- JS 코드가 삽입되는 곳 -->
    </script>
</body>
</html>

자바스크립트 코드를 작성하기 위해서는 <script> 태그를 사용한다. <script> 태그는 HTML 문서의 어느 곳에 위치하든 상관없지만 보통 태그 앞에 삽입된다.

HTML 문서 밖에서 외부 스크립트 파일을 작성하면 이를 HTML 문서로 연결해야 한다. 이때는

<script src="경로"></script>

와 같은 형식으로 코드를 작성하며, 외부 자바스크립트 파일의 확장자는 .js 이다.

간단한 자바스크립트 코드는 웹 브라우저의 콘솔에서 실행해볼 수 있다. (단축키 : ctrl + shift + j)

자바스크립트 코드 뒤에 세미콜론을 붙이지 않아도 정상적으로 실행이 되지만 혹시 모를 오류를 방지하기 위해 뒤에 세미콜론을 붙여준다.