코드 위치

  • 함수를 쓰기 시작하는데 이건 content에게서 코드를 분리하기 쉽게 한다.
  • body, head, 외부 파일에 javascript코드를 놓을 수 있다.

In the head

  • 코드가 head section에 선언될때, content로 부터 분리된다.
  • script tag 사용
  • 문서 정보의 전부를 접근 할 수 있다 (id, class…)
<head>
    <script>
    function message(){
        alert("This alert");
    }
    </script>
</head>
<body>
    <h1> function </h1>
    <script>
        message();
    </script>
</body>

In an External File

  • 함수가 분리한 파일에 있을 때, 여러 파일에서 코드를 재사용할 수 있다.
  • script tag 사용하지 않는다. 그저 javascript 파일이다.
<head>
    <script src="js/two-external.js"></script>
</head>
<body>
    <h1> function </h1>
    <script>
        message();
    </script>
</body>

Debugging Your Code

  • 코드가 더 복잡해져서 디버거 사용을 해야한다.
  • console은 친구다

Review

  • javascript는 head나 body에 나타날 수 있다.
  • 코드는 외부 js파일에 놓을 수 있다.
  • 개인적으로 같은 파일에서 개발하고 테스트한 후에 외부파일로 이동한다.

공부 위치 – https://www.coursera.org/learn/javascript/lecture/NWlLT/code-placement