JavaScript62 replace() | replaceAll() replace() | replaceAll() replace() 메서드는 문자열을 부분 문자열로 구분하고 배열로 반환한다. /"문자열".split(구분자); "문자열".split(정규식 표현); "문자열".split(구분자, 제한(갯수)); const str1 = "javascript reference"; const currentStr1 = str1.replace("javascript", "자바스크립트"); // 자바스크립트 reference const currentStr2 = str1.replace("j", "J"); // Javascript reference const currentStr3 = str1.replace("e", "E"); // javascript rEference (가장 첫 번째의 e가 .. 2022. 8. 17. template template 템플릿이란 내장된 표현식을 허용하는 문자열 리터럴이다. // 01번 문제 const str1 = "자바스크립트"; const str2 = "제이쿼리"; document.querySelector(".sample01_N1").innerHTML = "1"; document.querySelector(".sample01_Q1").innerHTML = "자바스크립트, 제이쿼리"; document.querySelector(".sample01_M1").innerHTML = "문자열(string) 결합"; document.querySelector(".sample01_P1").innerHTML = str1 + str2; // 02번 문제 const num1 = 100; const num2 = 200; do.. 2022. 8. 17. toLowerCase() | toLowerCase() toLowerCase() | toUpperCase() toUpperCase() 문자열을 대문자로 변경하고, toLowerCase()는 소문자로 변경해준다. const str1 = "javascript"; const currentStr1 = str1.toUpperCase(); const str2 = "JAVASCRIPT"; const currentStr2 = str2.toLowerCase(); document.querySelector(".sample02_N1").innerHTML = "1"; document.querySelector(".sample02_Q1").innerHTML = "javascript"; document.querySelector(".sample02_M1").innerHTML = "toUp.. 2022. 8. 17. 검색 이펙트 첫 번째 검색 이펙트 html 태그, css 속성, javascript 의 메서드 를 검색하여 찾아볼수있습니다. 원본 소스 보기 1.HTML 코드 HTML에서 js를 동작하기위한 class이름과 input등을 적절히 사용하여 사용자가 알아보기쉽게 표현해야합니다. 코드 보기 indexOf()를 이용하여 CSS 속성 검색하기 CSS 속성 검색하기 검색하기 속성 갯수 : 0 accent-color : 특정 요소에 색상을 지정할 때 사용됩니다. align-content : 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. align-items : 콘텐츠 아이템의 내부 상하관계 정렬 상태를 설정합니다. align-self : 개별적인 콘텐츠 아이템의 정렬 상태를 설정합니다. all : 요소의 속성을 초기화 또는 상속을 설.. 2022. 8. 16. 내장 함수 내장 함수 자바스크립트에 기본적으로 내장되어 있는 함수들을 말합니다. 인코딩, 디코딩 함수 'https://www.google.com/search?query=자바스크립트' 위와 같이 URL 주소에 쿼리 정보를 전송해 데이터를 처리해야 하는 프로그램의 경우 한글과 같은 유니코드 문자가 포함되어 있으면 류가 발생할 수 있는데 이런 경우 인코딩 함수를 이용해 문자를 부호화시키고 부호화된 문자를 다시 디코딩 함수를 이용해 원래 문자로 되돌릴 수 있다. 함수명 설명 encodeURIComponent() 영문, 숫자와 ( ) - _ . ~ * ! ' 을 제외한 문자를 인코딩한다. decodeURIComponent() encodeURIComponent()의 디코딩 함수 var encodeStr = '자바스크립트'; .. 2022. 8. 15. Array 의 메서드 join( ) | push( ) | pop( ) join( ) join([separator]) 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다. 배열의 각 요소를 구분할 문자열을 지정합니다. 이 구분자는 필요한 경우 문자열로 변환됩니다. 생략하면 배열의 요소들이 쉼표로 구분됩니다. separator가 빈 문자열이면 모든 요소들이 사이에 아무 문자도 없이 연결됩니다. const arrNum = [100, 200, 300, 400, 500]; const text1 = arrNum.join(""); const text2 = arrNum.join(" "); const text3 = arrNum.join("★"); const text4 = arrNum.join("-"); 번호 기본값 메서드 리턴값 push( ) | pop( ) push() 메서드는.. 2022. 8. 11. 이전 1 ··· 4 5 6 7 8 9 10 11 다음 728x90 반응형
