HTML/CSS/Javascript 종합예제 틱택토 게임만들기
구조
CSS
- style.css
전역에 적용시킬 css를 선언
- config-overlay.css
세부요소에 적용시킬 css를 선언
- game.css
게임에 관련된 css를 선언
Javascript
- app.js
html요소에 접근하여 변수나 상수로 선언해두는 파일
- config.js
app.js에서 선언한 변수와 상수를 이용한 함수를 작성해두는 파일
- game.js
틱택토 게임을 위한 스크립트를 작성해두는 파일
js파일끼리 참조하기
js파일은 html문서에서 불러오는 순서만 주의하면 한 js파일에서 작업한 함수를 다른 js파일에서 참조하여 사용할 수 있다.
이때 함수를 선언한 js파일을 먼저 <script>
태그로 불러온 후 이 함수를 참조하는 js파일을 불러오도록 순서를 지켜야 함.