JavaScript23 [JS] 동적 문서 객체 만들기_CreateTextNode createTextNode란? 텍스트 객체를 생성하는 함수, 총 3단계를 거쳐야 한다. 순서 1. 태그를 만든다. createElement(tagName); // 혹은 원래 있는 태그를 활용할 수도 있다. 2. 텍스트를 만든다. createTextNode(text); 3. 태그 안에 텍스트를 넣어준다. appendChild(tagName); 텍스트 넣기 이미지 넣기 2021. 12. 19. [JS] 버튼으로 배경 색, 이미지 바꾸기 1. 배경색 바꾸기 ≫ 결과 ≫ 방법 style 태그 style.color.fontFamily // 폰트 설정 style.color.fontStyle // 기울기 style.color // 폰트 컬러 style.backgroundColor // 배경색 2. 이미지 바꾸기 결과 방법 2021. 12. 19. [JS] 타이머 만들기_setInterval(), setTimeout(); 1. setInterval(function(){코드}, 시간간격), clearInterval(참조변수) : 일정 시간 간격마다 코드를 반복하는 함수 : setInterval()을 종료하는 함수 2. setTimeout(function() {} , 시간간격), clearTimeout() : 일정 시간 뒤에 코드를 실행하는 함수 3초 뒤에 AAA 가 나타납니다. 3. TIMER 만들기 2021. 12. 14. [JS] 정규식_ 숫자만 입력받기 1. 정규식(Regular Expression, Regex) : 특정 패턴의 문자열을 찾기 위한 표현 방식 형태: /패턴/플래그 사용 예시_ 숫자만 입력받기 2. 사용법 1) 매칭 패턴 패턴 의미 a-zA-Z 영어알파벳(-으로 범위 지정) ㄱ-ㅎ가-힣 한글 문자(-으로 범위 지정) 0-9 숫자(-으로 범위 지정) . 모든 문자열(숫자, 한글, 영어, 특수기호, 공백 모두 but 줄바꿈X) \d 숫자 \D 숫자가 아닌 것 \w 영어 알파벳, 숫자, 언더스코어(_) \W \w가 아닌 것 \s space 공백 \S space 공백이 아닌 것 \특수기호 특수기호 2) 검색 패턴 패턴 의미 | OR [] 괄호안의 문자들 중 하나 [^문자] 괄호안의 문자를 제외한 것 ^문자열 특정 문자열로 시작(괄호 없음) 문.. 2021. 12. 13. 이전 1 2 3 4 5 6 다음