🔑 100배 수익 경험자의 노하우가 담긴 치트키 공개 🔑
- 네이버, 카카오 임직원들이 듣고 있는 비트코인 강의
- 아무도 알려주지 않은 비트코인, 이더리움의 리스크
- 블록체인 전문가들도 놓치기 쉬운 비트코인, 이더리움의 핵심 가치
- 천배 수익이 가능한 디파이(DeFi), 코인 생태계 지도
- 토큰 제작, 1억 연봉의 블록체인 개발자로 거듭나자!
자바스크립트 강의 목차
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
댓글