1990년대 중반, Netscape의 개발자들은 웹사이트를 보다 상호작용적이고 매력적으로 만드는 도구로 사용할 간단한 스크립팅 언어를 만들었습니다. 이 언어는 결국 Javascript로 알려지게 됩니다. 오늘날 많은 사용자들은 그들이 의존하는 이메일 클라이언트나 소셜 네트워킹 웹사이트의 기능이 수천 줄의 영리하고 복잡한 자바스크립트 프로그래밍의 결과라는 사실을 모르고 있습니다.
내부 자바스크립트
Javascript 코드가 마법처럼 작동하려면 페이지가 로드될 때 특정 웹 페이지의 적절한 위치에 어떻게든 통합되어야 합니다. 내부 Javascript 코드는 HTML 태그 사이의 웹 페이지 내 아무 곳에나 배치되는 코드입니다. 많은 웹 개발자는 태그 앞에 자바스크립트 코드를 배치합니다.
오늘의 비디오
외부 자바스크립트
HTML 코드와 별도로 파일에 배치된 자바스크립트 코드를 외부 자바스크립트라고 합니다. 외부 자바스크립트 코드는 내부 자바스크립트와 같은 방식으로 작성되고 사용됩니다. 파일에는 ".js" 확장자가 있어야 하지만 사실상 다른 확장자는 최신 브라우저에서 작동합니다. 한 가지 중요한 차이점은 외부 코드가 태그 사이에 있으면 안 된다는 것입니다. 그렇지 않으면 코드가 작동하지 않습니다.
웹 브라우저는 외부 코드를 로드해야 한다는 것을 알아야 합니다. 웹 페이지에는 스크립트를 참조하는 다음 HTML 태그가 있어야 합니다.
URL은 웹 서버에 Javascript 코드를 찾아 로드할 위치를 알려줍니다.
내부 자바스크립트의 장점
자바스크립트의 라인 수가 상대적으로 적으면 내부 자바스크립트가 있는 웹 페이지가 외부 코드를 참조해야 하는 페이지보다 빠르게 로드됩니다. 웹 브라우저가 페이지를 로드하고 외부 코드에 대한 참조를 만나면 코드를 가져오기 위해 웹 서버에 별도의 요청을 해야 하기 때문입니다.
외부 자바스크립트의 장점
웹사이트의 여러 페이지에서 동일한 코드를 사용하는 경우 외부 자바스크립트 파일이 유용합니다. 실제로 해당 코드가 필요한 페이지에 외부 코드에 대한 참조만 포함하면 됩니다. Javascript 코드가 변경되면 하나의 파일만 편집하면 됩니다. 코드가 필요한 모든 페이지에서 변경 사항을 즉시 사용할 수 있습니다. Javascript를 외부 파일에 저장하면 웹사이트 유지 관리가 더 쉬워집니다. 페이지가 덜 복잡하고 웹 개발자가 필요한 편집을 수행하기 위해 거쳐야 하는 코드 줄이 줄어듭니다. 적은 수의 HTML 코드도 검색 엔진 스파이더가 귀하의 사이트를 보다 철저하게 색인화하고 중요한 키워드를 찾는 데 도움이 될 수 있습니다.
마지막으로 방문자가 동일한 외부 자바스크립트 참조를 포함하는 다른 페이지로 이동하면 사용자의 브라우저가 Javascript 파일을 캐시하거나 저장하기 때문에 두 번째 페이지가 더 빨리 로드됩니다. 장소 상에서.
