[JavaScript] 개요

JavaScript

ᆞ객체 기반의 스크립트 언어 

ᆞhtml 문서에 적용되어 동적으로 상호작용하게 사용됨 

ᆞ웹의 동작을 구현함

ᆞ타입을 명시할 필요가 없는 인터프리터 언어 

ᆞ객체지향 프로그래밍과 함수형 프로그래밍 모두 가능 

 

HTML: 웹 문서의 내용 구성

CSS:  레이아웃, 스타일 지정 

자바 스크립트 : HTML이나 CSS와 함께 사용해서 웹의 요소를 움직이거나 웹 사이트 UI 사용

 

웹 요소 제어

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

ᆞ웹 사이트 UI 부분에 많이 활용 ex) 마우스 포인터를 올렸을 떄 펼쳐지는 메뉴

ᆞ한 화면에 탭을 눌러 내용만 바뀌도록 하는 콘텐츠 

 

웹 애플리케이션 만듦

ᆞ최근의 웹 사이트는 사용자와 실시간으로 정보를 주고 받으며 애플리케이션처럼 동작 

ex) 온라인 지도의 길찾기 서비스, 데이터 시각화 서비스 

ᆞ공개된 API를 활용한 다양한 서비스 

 

다양한 라이브러리 사용 가능 

ᆞ웹을 중심으로 하는 서비스가 늘어나면서 브라우저에서 처리해야 할 일이 늘어남 

ᆞ라이브러리와 프레임워크가 계속 등장 

ex) 시각화를 위한 d3.js

 

서버를 구성하고 서버용 프로그램 개발 

ᆞnode.js: 프론트엔드 개발에 사용하던 자바스크립트를 백엔드 개발에서 사용할 수 있게 만든 프레임워크

 

 

 

외부 자바 스크립트 파일을 사용할 경우 1번과 같이 사용할 수 없음!!! 주의 .. !!!

자바 스크립트를 위에 배치했을 경우, 코드가 길다면 화면이 백지였다가 실행될 수 있으므로 

일반적으로 밑에 작성하는 것이 맞다!! 무조건 밑에 있는 것은 X (위에 있어야 실행이 되는 경우도 있으므로)

순서와 위치가 중요함 .. 밑에 있는 것이 더 편함 ! 

여러번 작성하는 것 가능 .. 

 

 

 

 

자바 스크립트는 모든 영어 스펠링을 대소문자를 구분하여 정확하게 암기해야 함 

그렇지 않으면 코드가 불가능함.. 

 

 

 

 

 

 

자바 스크립트 참고서

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference

JavaScript 참고서 - JavaScript | MDN