웹 애플리케이션 개발시 외부파일 불러오기 개념


<html>
    <head>
    1.
        <title>web application.</title>
    2.
    </head>
    <body>
    3.
    </body>
    4.
</html>

다음은 html 기본구조입니다.

개발하다보니 아무래도 프레임워크를 많이 불러와 사용하기 때문에 정리에 대해 관심이 갑니다.

그러나 보통 강좌를 보면 선언 위치에 대해 자세히는 설명이 없습니다.

  1. 제가 지금 사용하는 프레임워크는 bootstrap, 내부 css 파일, 내부 javascript 등 있습니다.
  2. 외부파일 선언 위치는 2번에 주로 하는데, 가끔 동작 안할 때가 있어서 4번으로 바꿔보면 동작을 합니다.

제가 웹 컴파일 흐름을 몰라서 그런 것이지...

이 개념에 대해 설명이나 좋은 사이트 있으면 감사드립니다.

  • 2016년 05월 19일에 작성됨
    웹 사이트 공부 중입니다. 많은 도움 주시면 좋아요.

조회수 224


1 답변


좋아요
0
싫어요
채택취소하기

document 가 로딩이 되지 않는 상태에서 javascript코드가 동작하게 되면 오류가 나게 됩니다.

$( document ).ready(function() {
    //여기에 스크립트 코드를 넣으면 순서에 상관없이 코드가 실행 될듯 합니다.
});

다른 이슈이긴한데 순서에 관한 내용이니 한번 읽어 보시면 좋을 듯합니다.
http://hashcode.co.kr/questions/850/html-에서-javascript-코드를-head에-넣지-않고-body-맨-끝에-넣는-이유는-무엇인가요

  • 2016년 05월 19일에 작성됨
    그렙에서 웹 프론트 개발을 하고 있습니다.

  • 고맙습니다 많은 도움 되었습니다! 추가로 궁금한 건 자바스크립트끼리 충돌나는 경우는 무엇인가요? socket.io CDN 과 내부 캔버스 자바스크립트 코드가 동시 작동이 안되네요...    상남자   2016.5.19 19:11     

로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close