초짜코딩의 잡동사니

1. 배열 : 여러개의 데이터를 저장 : 표현방법1 { const arr = new Array(); arr[0] = 100; arr[1] = 200; arr[2] = "javascript"; document.write(arr[0]); document.write(arr[1]); document.write(arr[2]); } 결과보기 100 200 javascript 2. 배열 : 여러개의 데이터를 저장 : 표현방법2 { const arr = new Array(100, 200, "javascript"); document.write(arr[0]); document.write(arr[1]); document.write(arr[2]); } 결과보기 100 200 javascript 3. 배열 : 여러개의 데이터를..

01. 변수 : 데이터 저장 { var x = 100; //변수 x에 숫자 100을 저장 var y = 200; //변수 y에 숫자 200을 저장 var z = "javascript"; //변수 z에 문자 javascript를 저장 document.write(x); document.write(y); document.write(z); } 결과보기 100 200 javascript 02. 변수 : 데이터 저장 + 데이터 변경 { let x = 100; let y = 200; let z = "javascript"; x = 300; y = 400; z = "jquery"; document.write(x); document.write(y); document.write(z); } 결과보기 300 400 jquery..

{ const searchBox = document.querySelectorAll(".search span"); // 버튼들 const cssList = document.querySelector(".list ul"); //속성 리스트 const cssCount = document.querySelector(".count em"); //속성 갯수 let listHTML = ""; //지역변수에서 전역변수로 변경 // 목록 보여주기 function updataList(list) { let listHTML = ""; //함수 실행시 목록 초기화 for (const data of list) { listHTML += `${data.name} : ${data.desc} : ${data.view}`; //데이터 nam..

정규 표현식이란?(Regular Expression: Regex) 정규표현식은 "특정 패턴의 문자열"을 찾기 위한 표현 방식입니다. (이런걸 형식 언어, formal languange라고 합니다.) 정규표현식을 이용하면, 특정 패턴에 매칭되는 문자열을 쉽게(?) 찾아낼 수 있습니다. 정규표현식 사용법 정리 1. 정규표현식 형식 /패턴/플래그 - 슬래시(/) "사이"에는 매칭시킬 "패턴"을 써준다. - 슬래시(/) "다음"에는 옵션을 설정하는 "플래그"를 써준다. (플래그는 하나만 찾을지, 모두 다 찾을지 등을 설정하는 옵션이라고 보면 됩니다.) 2. 정규표현식 매칭 패턴(문자, 숫자, 기호 등) : 아래 매칭 패턴을 사용하면, 훨씬 쉽게 문자/숫자/기호를 표현할 수 있습니다. 패턴 의미 a-zA-Z 영어..

{ const searchBox = document.querySelectorAll(".search span"); //알파벳 버튼들 const cssList = document.querySelectorAll(".list ul li"); //CSS속성 리스트 const cssCount = document.querySelector(".count em") //속성 갯수 //알파벳을 클릭하면 클릭한 데이터 값을 가져와야 한다. //searchBox.addEventListener is not a function // searchBox.addEventListener("click", function(){ // alert("ddd"); // }); cssList.forEach((li, index) => { li.clas..

{ const searcBox = document.querySelector("#search-box"); //검색하기 const cssCount = document.querySelector(".count"); //전체 목록 갯수 const cssdesc = document.querySelector(".desc"); //설명 const cssList = document.querySelector(".list"); //리스트 // CSS 속성 값/전체 갯수 출력하기 cssProperty.map((element, index) => { cssCount.innerText = "전체 목록 갯수" + (index + 1) + "개"; cssList.innerHTML += "" + element.name + ""; }) ..