📢 대니월드 공식 홈페이지가 'TradingRoom'으로 변경되었습니다
모든 최신 시황과 교육 자료를 가장 빠르게 받는 방법!
지금 아래 버튼을 클릭해 이메일 구독을 완료해 주세요.
자바스크립트 강의 목차
3. 자바스크립트를 크롬브라우저 콘솔에서 작성하고 실행해보기
18. 객체란 무엇인가?(객체 생성, 추가, 추출방법)
이번시간에는 js 소스를 파일로 쪼개어 관리하고 활용하는 법에 대해서 알아보겠습니다.
먼저 color.js 라는 파일을 만들었습니다.
<script></script> 안의 모든 코드를 복사해와서 붙여넣기 합니다.
기존 index.html의 스크립트 안의 내용을 아래와 같이 변경합니다.
<script src="color.js"></script> 요렇게요.
그리고 결과를 출력해보면, 잘 동작합니다.
그리고 개발자도구에서 네트워크탭을 보면 아래와 같은데요.
color.js파일을 불러왔다는걸 확인할 수 있죠?
자, 이제 이렇게 작업된 걸 링크가 걸려있는1.html부터 5.solidity까지 모두 복사해서 붙여넣습니다.
아래와 같이요~1.html부터 5.html까지 모두 해줍니다.
그리고 링크들을 클릭해보면, 모든 문서들에 day, night버튼이 생성되었고 색이 변경되는걸 확인할 수 있습니다.
이렇게 자바스크립트 파일로 작성하여 필요한 경우에 쓸 수 있도록 하는 작업이 필요합니다.
본 강의는 생활코딩 강의안을 바탕으로 재작성하였습니다.
opentutorials.org/course/3085/18856
댓글