[Javascript] 1. 자바스크립트 기초

2024. 2. 28. 17:34Javascript

■ 자바스크립트의 기능

1. 웹 요소 제어

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

 - HTML이나 CSS와 함께 사용해서 웹 사이트 UI 부분에 많이 활용함.

 - 공간을 절약하면서 필요한 내용만 골라서 볼 수 있는 방법 사용 가능

 

2. 웹 어플리케이션을 만들 수 있음

 - 최근 웹은 사용자와 실시간으로 정보를 주고 받으며 어플처럼 동작하는데, 다양한 기능을 사용할 수 있게 해줌.

 - 웹 게임이나 뉴스, 지도 길찾기 등 다양한 기능 제작 가능

 

3. 다양한 라이브러리 활용 가능

 - 웹 서비스를 중심으로 하는 서비스가 많아지면서 상호 작용이 더욱 중요해지고 있음.

 - 과거에는 서버에서 했던 일을 이제는 클라이언트에서도 가능.

 

4. 서버를 개발할 수 있음

 - node.js를 활용하여 서버 개발까지 영역을 확대할 수 있음.

 

■ 웹 브라우저에서 자바스크립트 활용

1. <script> 태그를 이용하여 웹 문서 내에서 작성 가능함.

 - 웹 문서의 어디든 위치할 수 있고 삽입된 그 자리에서 바로 스크립트가 실행됨.

 - 이미지나 텍스트 등의 요소를 제어하는 경우가 많기 때문에 요소가 다 표시된 후 실행하는 것이 좋음.

 - 영어 대소문자를 구별하기 때문에 소스를 작성할 때 주의해야함.

 

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

 - CSS와 비슷한 방법으로 자바스크립트도 소스 작성 후 파일을 연결해서 사용 가능함

 - <script> 태그 없이 작성하고 확장자는 *.js 파일로 저장

 - HTML 문서에서 호출할 때 : <script src="파일 경로"></script>