coding for _

trim() | trimStart() | trimEnd() 02. 문자열 : toUpperCase() | toLowerCase() 문자열 앞/뒤 공백을 제거합니다. 번호 기본값 메서드 리턴값 const str1 = " javascript "; const currentStr1 = str1.trim(); document.querySelector(".sample03_N1").innerHTML = "1"; document.querySelector(".sample03_Q1").innerHTML = " javascript "; document.querySelector(".sample03_M1").innerHTML = "trim()"; document.querySelector(".sample03_P1").innerH..

문자열: 문자열 결합 / 템플릿 문자열 02. 문자열 : toUpperCase() | toLowerCase() toUpperCase() : 문자열을 대문자로 변경하고, toLowerCase() : 문자열을 소문자로 변경합니다. 번호 기본값 메서드 리턴값 const str1 = "javascript"; const currentStr1 = str1.toUpperCase(); document.querySelector(".sample02_N1").innerHTML = "1"; document.querySelector(".sample02_Q1").innerHTML = "javascript"; document.querySelector(".sample02_M1").innerHTML = "toUpperCase()"; ..

문자열: 문자열 결합 / 템플릿 문자열 01. 문자열 : 문자열 결합 / 템플릿 문자열 일반적으로, 자바스크립트에서 "+" 연산자를 사용하여 문자열을 합친다. 템플릿 문자열은 내장된 표현식을 허용하는 문자열 리터럴(`$`)이다. 번호 기본값 메서드 리턴값 //01 const str1 = "자바스크립트"; const str2 = "제이쿼리"; document.querySelector(".sample01_N1").innerHTML = "1"; document.querySelector(".sample01_Q1").innerHTML = "자바스크립트, 제이쿼리"; document.querySelector(".sample01_M1").innerHTML = "문자열(string) 결합"; document.query..

검색 이펙트 01 html, css, js 태그&메서드 검색 reference 결과 원본 소스 보기 JavaScript "keyup" 이벤트를 통해 사용자가 입력한 키워드를 검색할 수 있게 만들었습니다.

정규표현식(Regex)이란? 정규 표현식, 또는 정규식은 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다. 정규표현식 객체 주요 패턴 패턴 설명 abc abc 문자열을 검색합니다. /abc/는 'abc' [abc] abc 중 문자 하나를 검색합니다. /[abc]d/는 'ad', 'bd', 'cd' [^abc] abc를 제외한 문자 하나를 검색합니다. /[^abc]/는 'ed', 'fd', 'gd' [A-Z] 알파벳 대문자 문자를 검색합니다. . 하나의 문자를 검색합니다. 만약 '마침표'문자 그대로의 의미를 사용할 경우 '\.'으로 표현해야 합니다. \w 알파벳, 숫자, _를 검색합니다. \W 알파벳, 숫자, _를 제외하고 검색합니다. \d 숫자를 검색합니다 \D 숫자를 제외하고 검색합니다 [0-9] 0..

slice() | substring() | substr() 메서드 slice() slice() 메서드는 문자열에서 원하는 값을 추출하여 새로운 문자열을 반환합니다. //slice(시작위치, 끝나는 위치) //시작위치 < 끝나는 위치 const str1 = "javascript reference"; const currentStr1 = str1.slice(0); //javascript reference const currentStr2 = str1.slice(1); //avascript reference const currentStr3 = str1.slice(2); //vascript reference const currentStr4 = str1.slice(0,1); //j const currentStr5 =..

indexOf() | lastIndexOf() indexOf() | lastIndexOf() indexOf() 메서드는 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환합니다. "문자열".indexOf(검색값) "문자열".indexOf(검색값, 위치값) const str1 = "456"; const currentStr1 = str1.padStart(1, "0"); //456 const currentStr2 = str1.padStart(2, "0"); //456 const currentStr3 = str1.padStart(3, "0"); //456 const currentStr4 = str1.padStart(4, "0"); //0456 const currentSt..

퀴즈 이펙트 05 웹디자인기능사 필기 퀴즈 - JS를 통해 여러 문제의 정답을 객관식으로 선택할 수 있고, 입력 후 정답/오답/해설로 알려줍니다. 결과 원본 소스 보기 JavaScript for문과 if문을 통해 객관식 보기 문제를 출력하고 정답/오답을 비교할 수 있다. //문제정보 const quizInfo = [ { answerType: "웹디자인기능사 2012년 02회", answerNum: "1.", answerAsk: "입체에 대한 설명으로 옳지 않은 것은?", answerChoice: { 1: "소극적 입체는 현실적 형, 확실히 지각되는 형을 말한다", 2: "입체는 면이 이동한 자취이다", 3: "두 면과 각도를 가진 방향으로 이동하거나 면의 회전에 의해 생긴다", 4: "순수한 입체는 구,..

구조 관련 요소 반응형웹 MENU01 MENU02 MENU03 MENU04 MENU05 콘텐츠 그룹01 콘텐츠 그룹02 주요 기사 광고 경기도 부천시 오정구 삼정동 032)674-5685 icoxpub@naver.com COPYRIGHT @ All right reserved. CSS @import url('https://fonts.googleapis.com/css2?family=Gothic+A1&display=swap'); * { margin: 0; padding: 0; font-family: 'Gothic A1', sans-serif; font-weight: 100; font-size: 14px; } a { text-decoration: none; color: black; } header { backg..

내장 함수(Built-in Functions) 내장 함수는 js에 기본적으로 내장되어 있는 함수들을 말합니다. 인코딩, 디코딩 함수 URL주소에 쿼리 정보를 전송하여 데이터를 처리해야되는 프로그램의 경우 한글과 같은 유니코드 문자가 포함되어 있으면 오류가 발생할 수 있습니다. 이런 경우 인코딩 함수를 이용하여 문자를 부호화시키고, 부호화된 문자를 다시 디코딩 함수를 이용하여 원래 문자로 되돌릴 수 있습니다. 함수명 설명 encodeURIComponent() 영문, 숫자와 () - _ . ~ * ! ' 을 제외한 문자를 인코딩합니다. decodeURIComponent() encodeURIComponent()의 디코딩 함수 숫자, 유/무한 값 판별 함수 스타일 속성을 따로 *.css 확장자를 가진 파일로 저..