1. 자바스크립트 외부 스크립트 사용하기[자바스크립트 선언문, 자바스크립 내부,외부 사용방법]

0. 코드 입력 시 주의할 점 

 

* 다른 프로그래밍 언어와 같이 대,소문자 가려 사용해야 합니다. 

* 실행문 뒤에 세미콜론 ; 쓰는 것을 권장합니다. 

* 실행문 작성 시 한 라인에 한 문장을 작성하는 것을 권장합니다. 

* 한 라인에 (" "  ) ( ' ' ) 중복을 사용을 피하세요. 

* 실행문 작성 시 중괄호 또는 소괄호의 한 쌍이 입력되었는지 확인하세요. 

 

 

---

1. 선언문 

 

자바스크립트 영역은  <script> </script> 영역이라고 생각하시면 됩니다. 

선언의 시작과 ~ 종료 영역이라 생각하시면 빠르겠네요. 

 

 <script type ="text/javascript'> 

실행문;

</script> 

 

Visual studio code를 IDE를 사용하고 있습니다. 설치를 아직 하지 않으으셨다면  제 티스토리 아래의 URL 이동해 주세요.

 

우선 아래와 같이 선언하고 간단하게 document 객체와 write() 메서드를 이용해 출력을 해 보겠습니다. 

\브라우저를 열고 Ctlr + O 열고 새로 저장한 html 파일 열어서  문서객체어 입력한 내용이 출력되는지 확인하세요. 

 

 

1-1. 외부 스크립트 사용하기 

 

: 내부 작성된 스크립트 외부로 이동시켜나 통합이나 머지가 끝나고  내부가 아닌 외부로 적용한다면

HTML에서 친근하게 보셧던 src 속성을 이용해서 해당 스크립트의 경로를 지정해 주시면 됩니다.  

 

 

path는 상대경로와 절대경로가 있습니다. 

 

 가. 상대경로 Relative path 

 

 상위 폴더 : ../Diretory Name / File Name  

 하위 폴더:  ./ Diretory Name / File Name 

 현재폴더 : ./ 파일네임

 

나. 절대 경로 Absolute path 

 

Local pc : c:\ 

URL : http:// 

import  ~ 

 

1-2. 내부 스크립트 분리 

 

: 사용하는 스크립트 내용 자체를 전체를 옮기거나  아예   사용할 외부 스크립터  파일명.js 파일을 생성하신 후 

사용합니다.   1-1에서 보녀드린 것과 같이  내부의 파일은 src의 경로로 지정해 주시면 됩니다. 

 

로드할 경로와 파일명을 지정했습니다.

Ctrl + N&nbsp; 새파일로 스크립트 실행문을 아래의 위치에 저장했습니다.

 

 

외부 스크립트 파일에 연동된 모습입니다.

 

다음 페이지 이동하기