JavaScript / <script> 태그 / 주석문
▶▶ 자바 스크립트(JavaScript)
– HTML문서, CSS문서를 상황에 맞게 동작하게 하는 기술(언어)
– 자바랑 아무 관련 없음, 자바가 잘나갔을 때 유명세에 묻어가려고 이렇게 지음.
ex) 인도랑 인도네시아처럼 이름만 비슷하고 아예 다름.
▶ JS 특징
1. 인터프린터 언어(js)
– 코드를 위에서부터 순차적으로 실행하여 에러 발생전까지 수행하며, 에러 발생하면 멈춤 암것도 안함.
2. 컴파일 언어(java)
– 실행전 코드를 검사, 컴파일(번역&에러체크)하고 문제 없으면 실행.
3. 클라이언트 스크립트 언어
– 클라이언트에서 실행되는 언어.
– 요즘은 컴퓨터 성능이 좋아서 클라이언트에서도 알아서 처리할 수 있음. ex) 스마트폰
덕분에 서버의 부하를 줄여서 클라이언트에게 더 나은 서비스 제공 가능.
4. 오픈소스 기반의 언어
– 다양한 라이브러리가 존재함
5. 객체(Object)기반의 언어
▶ JS 문법
1. 대 소문자를 구분한다 (javascript ↔ JAVASCRIPT)
→ 변수 이름, 함수 지정시 정확하게 구분해야 함.
2. 모든 문장의 끝에는 세미콜론(;)을 사용함.
3. 모든 코드는 가능한 한줄에 하나씩 작성.
4. 문자데이터 표시 " ", ' ' 둘 다 사용가능.
5. ( ), { }, [ ] 는 항상 짝이 맞아야 함.
▶▶ <script> 태그
– JS소스 코드가 짧을 경우, 웹 문서에서 JS를 실행할 위치, <script>와</script> 태그 사이에 바로 코드를 작성할 수 있음.
– <script>태그는 웹 문서 안의 어디든 위치할 수 있고, 삽입된 위치 그 자리에서 바로 스크립트가 실행됨.
– 웹 문서에서 이미지, 텍스트 등의 요소를 제어하므로 되도록 이미지나 텍스트 등을 다 표시한 후에 실행함.
→ </body>태그 직전에 JS 소스를 삽입
– 하나의 문서에서 여러개 사용 가능.
<html>
<head>
<title> </title>
</head>
<body>
<script>
JS 소스 코드 작성
</script>
</body>
</html>
▶ 외부 스크립트 파일
– 위 처럼 HTML 문서 안에 소스를 작성하면 웹문서에서 바로 확인 할 수 있는게 장점이지만,
HTML테그와 섞이기 때문에 소스가 다소 복잡해져 필요한 코드가 잘 보이지 않음.
– 여러 웹 문서에서 같은 소스를 쓸 때는 일일이 반복해서 삽입해야 하고, 수정해야하면 또 하나하나 찾아다녀야 함.
– 그래서 JS소스 작성 → 외부 스크립트 파일로 저장 → 웹 문서와 연결 하는 방법 많이 사용함.
– 외부 JS파일은 <script> 태그 없이 JS소스만 작성하고 확장자는 .js파일로 저장하고,
HTML문서에서 <script>태그의 src속성을 이용하여 JS파일을 연결함.
<script src="외부 스크립트 파일 경로"></script>
참조 : Do it! 한 권으로 끝내는 웹 기본 교과서 HTML+CSS+자바스크립트 웹 표준의 정석