-
JavaScript 입문 : 가위바위보 게임 - HTML내 CSS 및 JS 연결컴퓨터 알아가기/JavaScript 2022. 6. 24. 19:30728x90반응형
이 글은 제로초 TV의 자바스크립트 강좌를 기본으로 하고 있습니다.
공부라는게 참 힘든 경우가 있습니다. 저는 이 코딩 공부를 직업으로 하고자 하는 사람도 아니고 그렇더고 젊지도 않습니다. 단지 재미있다고 느껴져서 시간 날때마다 하는데 생업에 쫒기고 나이가 있다보니 조금만 휴식을 가지면 정말 하얗게 아무것도 생각이 나지 않네요..
그래도 꾸준히 자신과의 약속을 위하여 다시 한걸음 내디뎌 보려고 합니다. 누가 시키지도 않았는데 자신과의 싸음을 하는 군요. 사실 이러한 부분이 싸움이라고 생각하면 안되고 즐겨야 하는데 말입니다. 하하
▒ HTML내 CSS 및 JS 연결
자바스크립트 프로그램이 돌아가기 위해서는 결국 HTML을 기본으로 하는 브라우저에 표시가 되어야 합니다. 복습하는 의미로 CSS와 JavaScript를 HTML내 연결하는 내용을 다시한번 짚고 넘어 가겠습니다.
1. HTML내 같이 사용
별도의 CSS나 JS 파일을 만들지 않고 HTML내에서 사용할 수 있습니다.
CSS 내용은 <head> 태그 사이에 위치를 하고 자바스크립트 내용은 해당 위치에 <script> 태그로 나타내어 집니다.
2. HTML 내 연결 링크
CSS나 JS 내용이 길고 복잡해지면 HTML내에서 코딩하기가 복잡할 수 있습니다. 그래서 대부분은 별도의 파일을 만들어 HTML내 링크를 통하여 작성하는게 편리합니다.
기본적인 포맷은 상기와 같다고 보시고 앞으로 연습은 이러한 형태를 따라 공부하는게 좋을 듯 합니다.
반응형'컴퓨터 알아가기 > JavaScript' 카테고리의 다른 글
JavaScript 입문 : 가위바위보 게임 - 기본구조 만들기 (HTML, CSS, JS) (0) 2022.06.27 JavaScript 입문 : 가위바위보 게임 - 순서도 (0) 2022.06.25 JavaScript 입문 : 로또 추첨기 - 마무리 (0) 2022.06.06 JavaScript 입문 : 로또 추첨기 - 공 색깔 입히기 (0) 2022.05.17 JavaScript 입문 : 로또 추첨기 - setTimeout( ) 함수 : 중복 부분 매개변수 함수로 통일 (0) 2022.05.16