자바스크립트3 [자바스크립트] 자바스크립트로 내접한 6각형 도형 그리기 자바스크립트로 6각형 그리기 다음 HTML과 JavaScript 파일은 웹 페이지에서 원에 내접하는 6각형을 그리는 예를 보여줍니다. HTML 파일 (hexagon.html) 구조 HTML5 문서 선언 () HTML 문서의 루트 ()와 헤드()가 포함되어 있으며, 문서의 제목()이 "원에 내접하는 6각형 그리기"로 설정되어 있습니다. 본문()에는 id가 "myCanvas"인 요소가 포함되어 있고, 이는 너비와 높이가 "400"픽셀로 설정된 드로잉 캔버스를 나타냅니다. JavaScript 파일 (hexagon.js)을 참조하는 스크립트() 태그가 있습니다. JavaScript 파일 (hexagon.js) 구조 문서가 완전히 로드된 후에 실행될 콜백 함수를 설정하기 위해 DOMContentLoaded 이벤트.. 2024. 4. 7. [자바스크립트] 자바스크립트로 직각삼각형 그리기 자바스크립트로 직각삼각형 그리기 다음 HTML과 자바스크립트 코드를 사용하여 직각삼각형을 그리는 과정은 다음과 같습니다. HTML 설정 (triangle.html): 선언을 통해 HTML5 문서임을 나타냅니다. 태그 안에 문서의 기본 구조가 들어갑니다. 섹션 내의 태그는 웹 페이지의 제목을 "직각삼각형 그리기"로 정의합니다. 섹션에는 id가 "triangleCanvas"인 요소가 포함되어 있고, 이는 너비와 높이가 각각 400픽셀인 캔버스를 정의합니다. 태그는 drawTriangle.js 파일을 페이지에 연결하여 캔버스에 그림을 그리는 자바스크립트 코드를 실행하도록 합니다. 자바스크립트 설정 (drawTriangle.js): document.addEventListener('DOMContentLoaded'.. 2024. 4. 6. 자바스크립트 시작하기 자바스크립트 시작하기 HTML, CSS와 더불어 웹페이지를 동적으로 보여주기 위해서 사용하는 웹문서 언어입니다. HTML과 CSS는 정적 웹만 구현할 수 있습니다. 자바스크립트가 참여하면서 웹페이지는 동적 웹(Dynamic Web)으로 변모합니다. 문서에 자바스크립트를 적용하고 싶다면 HTML 문서와 자바스크립트 파일을 연결해야 합니다. 내부 스크립트 방법 내부 스크립트는 HTML 파일에서 script 태그의 콘텐츠 영역에 자바스크립트 코드를 작성하는 방법입니다. 자바 스크립트에서 'document.write()' 메서드는 웹 브라우저 화면에 글자를 표시해 주는 자바스크립트 코드입니다. 위의 경우는 HTML 내부에 자바 스크립트 코드를 포함시킨 경우입니다. 외부 스크립트 방법 외부 스크립트는 js 확장자.. 2023. 1. 9. 이전 1 다음
