천천히 알아가는 세상

안녕하세요. JavaScript로 Head 태그에 동적으로 추가하는 방법입니다. sciprt 파일과, css 파일을 추가하는 방법으로 사용하게 되면 head 태그의 맨 마지막에 추가되는 것을 볼 수 있습니다. 1. script head 동적 추가 const script = document.createElement('script'); script.src = '/static/js/test2.js'; script.type = 'text/javascript' document.head.appendChild(script); 2. css head 동적 추가 const css1 = document.createElement('link'); css1.src = '/static/css/youtbeRealChart.css';..

안녕하세요. 이번에는 정규 표현식에 대하여 알아보겠습니다. 1. 유효성 검사 (form validation) form 요소들에 정보가 올바르게 입력되었는지 검사하는 것 ex. 비밀번호: 8자리 이상, 특수문자 및 대문자 1개 이상 포함 ex. 이메일: @ 기호 반드시 포함 required : 필수 값 minlength / maxlength : 최소/최대 문자수 min / max : 최소/최대 값 type : 입력받는 정보 타입 pattern : 정규식으로 검사 2-1. 정규표식 정규 표현식 - JavaScript | MDN 정규 표현식 - JavaScript | MDN 정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다. JavaScript에서는 정규 표현식도 객체로서, Reg..

보호되어 있는 글입니다.

안녕하세요. 이번에는 DOM 객체와, 선택자에 대하여 알아보겠습니다. 1. DOM(Document Object Model) 객체 문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스입니다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공합니다. 이러한 DOM은 W3C의 표준 객체 모델이며, 다음과 같이 계층 구조로 표현됩니다. 2. Document 웹 페이지에 존재하는 HTML 요소에 접근하여 행동을 하고자 할 때 사용하는 객체 2-1. 속성 document.documentElement document.head document.title document.body document.URL docum..

안녕하세요. 이번에는 JavaScript의 Math 함수에 대하여 알아보겠습니다. Math 함수 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체입니다. min() ⇒ 최솟값 max ⇒ 최댓값 random() ⇒ 0 ~ 1 사이의 랜덤 값 생성 round - 반 올림 ceil - 올림 floor - 내림 3번째 줄과 6번째 줄에 NaN이라고 출력된 것은 숫자 사이에 문자가 들어가 있어서 생긴 값이라고 보시면 됩니다. 이상으로 JavaScript의 Math 함수에 대하여 알아보았습니다. 감사합니다.