01.자바스크립트

HTML: 웹 문서의 내용 구성 CSS: 웹 문서의 레이아웃, 색상, 스타일 등 지정(간단한 작동들은 CSS로 처리하는 것이 하드웨어 가속에 좋다.) 자바스크립트: 웹 문서의 각 요소를 가져와서 필요에 따라 스타일 변경이나 움직이게 할 수 있다.

1.자바스크립트는

웹 요소를 제어함:탭 기능, 폼에서 입력된 정보가 형식에 맞는지 확인하기 등등

웹 어플리케이션을 만듬: 실시간으로 사용자에게 정보를 주고 받는 동작.

다양한 라이브러리 사용가능: 리액트, 앵귤러, 뷰와 같은 프레임워크나 제이쿼리 등의 라이브러리

서버개발: Node.js 프레임워크를 통해서 백엔드 개발에도 사용할 수 있음.

 

2.자바스크립트 작성법

1) HTML안에 <script>태그로 자바스크립트 작성하기

-자바스크립트가 짧을 경우, 어느 부분이나 상관없지만 </body>태그 직전이 가장 좋음: 웹문서에서 이미지나 텍스트 등의 요소를 제어하는 경우가 많기 때문.

 

-영어 대소문자 구분함

-단점: 복잡해보임. 여러 웹문서에서 같은 소스를 사용하면 같은 내용을 반복해야함

 

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

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

 

3)웹 브라우저에서 스크립트를 해석하는 과정

HTML 표준에 맞게 태그분석-> 스타일 정보 분석->자바스크립트 해석기가 script태그 안에 내용 읽기-> 화면에 표시