11-1. 자바스크립트 JS 기초

html은 웹 문서의 내용을 구성하고, CSS는 웹 문서의 레이아웃이나 색상, 스타일 등을 지정했다. 

여기에 JS는 웹 문서의 각 요소를 가져와서 필요에 따라 스타일을 변경하거나 움직이게 할 수 있다. 

 

1. 자바스크립트 JS 라이브러리

웹 애플리케이션을 개발할 때는 리액트, 앵귤러, 뷰와 같은 프레임워크가 있고, 

그래픽 활용을 위한 D3.js나 DOM을 쉽게 조작할 수 있게 해주는 제이쿼리 같은 라이브러리도 있다. 

그리고 JS로 이제 서버 개발을 할 수 있다. Node.js는 그동안 프론트 개발에서 사용하던 자바스크립트를 백엔드 개발에서 사용할 수 있도록 만든 프레임워크이다. 

 

 

 

2. <script>..</script>

웹 문서에서 이제 <script>,,</scipt> 사이에 실행할 자바스크립트 소스를 작성하면 된다. 

자바스크립트는 웹 문서에서 이미지나 텍스트 등의 요소를 제어하는 경우가 많기 때문에 되도록이면 이미지나 텍스트 등이 다 표시된 후에 실행하는 것이 좋다. 

따라서 </body> 태그 직전에 <script> 소스를 삽입한다. 

 

❕ 그리고 자바 스크립트는 대소문자를 구별하기 때문에 조심해야한다. 

 

 

3. 외부 스크립트 파일로 연결해서 자바스크립트 작성하기 

자바 스크립트를 웹 문서에 <script>로 작성하면 웹 문서가 복잡해지고, 오류가 발생해 소스를 수정해야할 때 생각보다 잘 보이지 않아 불필요한 시간이 길어지기도 한다. 

따라서 css 처럼 자바 스크립트 소스도 따로 파일로 저장해서 웹 문서에 연결해서 사용하면 된다. 

그러면 외부 자바 스크립트 파일은 <script> 태그 없이 자바스크립트 소스만 작성하고 확장자는 *.js 파일로 저장한다. 

<script src = "외부 스크립트 파일 경로" > </script>