Development/Javascript
-
자바 스크립트와 CSS를 HTML에서 분리하기Development/Javascript 2016. 3. 10. 13:21
이번에는 자바 스크립트와 CSS 파일을 HTML파일에서 분리하는 방법에 대해서 알아보겠습니다. 아래 코드와 같이 HTML에서 태그와 태그를 이용해서 자바 스크립트와 CSS 를 추가할 수 있습니다. 하지만 코드가 길어지거나 동일한 스타일이나 자바스크립트를 다른 HTML파일에도 적용하고 싶을때가 있습니다. 동일한 스타일을 각각의 HTML 파일에 넣는다면 하나가 변경되면 매번 변경해줘야 하는 어려움이 있겠죠. 이럴때는 js 확장자를 가진 자바스크립트 파일과 css 확장자를 가진 스타일시트 파일로 분리 할 수 있습니다. 위 코드에서 부분을 my.css 파일을 생성한 후 붙여 넣겠습니다. #content_area { color: red; } 그리고 부분을 my.js 파일을 생성한 후 붙여 넣겠습니다. window..
-
Hello World로 시작하기Development/Javascript 2016. 3. 10. 13:20
프로그래밍을 처음으로 시작했다면 가장 먼저 해보는 것이 아마 Hello World 일 것입니다. 그래서 처음 시작하는 마음으로 JavaScript를 이용해서 Hello World를 출력해보겠습니다. * 목표 : Hello World를 JavaScript로 출력하기 먼저 index.html 파일 하나를 만들어 줍니다. 위와 같이 빈 html 이 있습니다. html 파일을 실행해보세요. 브라우저에 아무것도 안나옵니다. 여기에 Java Script로 페이지가 로딩 될때 동적으로 Hello World를 출력하는 코드를 추가하면 되겠네요. 그래서 태그를 사용해서 아래와 같이 추가해줍니다. 자 이제 다시 한번 html 파일을 실행해보세요. 짠! Hello World 가 나타납니다. 지금까지 JavaScript로 H..