728x90
자바스크립트란???
으으음 기본적으로 앞서 글을 썼던 HTML과 CSS는 정적인 언어임. 정적인 언어라는 것은 얘네로는 브라우저 상에서 우리 눈에 보이게 화면을 그려주는 역할이라는 것임.
HTML이 뼈대, 컨텐츠의 구조 등을 담당했다면, CSS는 꾸미기, 컨텐츠의 표현을 담당했다고 볼 수 있음.
그렇게 HTML이랑 CSS를 이용해서 화면을 그렸다면 그린 화면이 좀 움직이고(예를 들면 경고창이 뜬다거나, 버튼을 누르거나, 키보드로 입력을 하거나), 동적으로 만들고 싶을 때는 얘네만으로는 불가능함.
그럴 때 필요한게 이 JavaScript라는 애임!!!
JavaScript는 HTMl과 CSS로 만들어진 웹페이지를 동적으로 변경해줄 수 있는 언어임!
얘는 컨텐츠의 기능을 담당한다고 보면 됨
JavaScript의 특징
얘의 특징이 몇가지 있음
- 기능 담당
- 이벤트 처리, 입력 데이터 검증, 동적 컨텐츠 작성
- 사용자 브라우저 내장 프로시져
- 브라우저에 종속적
- 다양한 오픈 프레임워크 (ex) jQuery, bootstrap, vue.js, 등등)
선언 위치
CSS도 외부, 내부, 인라인에 선언해줄 수 있었던 것 처럼 얘도 비슷함
- 내부 파일
- 특정 페이지 전용
- 외부 파일
- 분리 설계(공통적인 경우)
선언 방법
- 내부 파일
<script type="text/javascript">
// 내용
</script>
- 외부 파일(파일을 임포트해주는 느낌으로다가)
<script type="text/javascript" src="../js/common.js">
// 내용
</script>
728x90