티스토리 뷰

WEB/JAVASCRIPT

JavaScript / <script> 태그 / 주석문

태로미 2023. 1. 25. 22:24

 

 

 

 

 

 

 

 

 

 

▶▶   자바 스크립트(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+자바스크립트 웹 표준의 정석

 

'WEB > JAVASCRIPT' 카테고리의 다른 글

함수 ( 내장 함수 / 매개변수 / return문 / 재귀 함수)  (0) 2023.02.11
연산자 (Operator)  (0) 2023.02.01
JS의 데이터 타입 (자료형)  (0) 2023.02.01
변수 (Variable)  (0) 2023.02.01
기본 입출력 (alert / confirm / prompt / document.write / console.log)  (0) 2023.01.29
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함