개발하는 삶

한글 추출 및 디코딩 function extractHangulFromURL(url) { # decodeURI() : url 디코딩 # decodeURIComponent() : url 디코딩 (슬래시(/), 물음표(?), 해시(#)와 같은 특수 문자도 디코딩) const decodedURL = decodeURIComponent(url); # 한글 추출 # 유니코드 한글 자모음, 초성, 중성, 종성 범위에 해당하는 문자들을 매치 const hangulRegex = /[\uAC00-\uD7AF\u1100-\u11FF\u3130-\u318F]+/g; # url 중에 한글만 추출 const hangulMatches = decodedURL.match(hangulRegex); # 배열일 경우 문자열로 변환 if (h..

const, let, var 차이 const : 상수. 선언과 동시에 초기화. 값 변경 불가능. let : 변수. 선언 가능. 값 변경 가능. 선언된 블록 안에서만 사용 가능. 재선언이 안되기 때문에 외부에서 선언 후 반복문 안에 들어가있는 건 아닌지 확인해야 함 반복문 안에서 선언 및 초기화를 했을 때는 상황이 조금 다르다 반복문이 돌기전에는 값이 할당되지 않은 undefined 상태이므로 const, let, var 다 사용 가능 var 은 너무 옛날 용어라 잘 안 쓰임 선언, 할당, 초기화 선언 : 변수명을 지정하는 것 할당 : 변수명의 값을 바꾸거나 초기화하는 것 초기화 : 변수명을 선언함과 동시에 값을 초기화하는 것 자료형 boolean 형 : true/false number 형 : 정수/실수값..

jQuery 홈페이지 다운로드 - 프로젝트 폴더 내에 옮김 자식, 부모요소 //후손요소 전체 $('#destinations .promo') //자식요소 전체 $('#destinations > li') //복합 선택자 $('#france > li, .promo') //가상 선택자 (순서 선택) //.css로 속성, 값 정해줌 $('#destinations li:first').css('color', 'red'); $('#destinations li:last').css('color', 'blue'); .children() : 자식요소 .closest() : 자신과 가장 가까운 부모요소 .find() : 자식요소중 찾아줌 .parent() : 부모요소 .parents() : 부모요소들 중에서 노드 속성 **na..

시계만들기 현재 시각은... 년 월 일 시 분 초 버튼 누를때 페이지 달라지는 거 About Custom Software Developement Company About Products Technology Downloads JSON 기초 // 객체 -> JSON //stringify let json = JSON.stringify(true); //true //배열 -> JSON json = JSON.stringify(['apple','banana']); //["apple","banana"] const rabbit = { name: 'tori', size: null, birthDate: new Date(), jump: () => { console.log('${name} can jump!'); }, }; //..

Map, Set Map key:Value 쌍으로 구성됨 map.keys() : 키의 값들을 전부 가져옴 map.set(키,값) : 키와 값 설정 map.get(키) : 키의 값 반환 map.has(키) : 키를 갖고있는지 (true/false) map.delete(키) : 해당 키와 값을 제거 Set 중복X. 입력된 순서에 따라 데이터를 저장 set.add(값) : 값 추가 set.delete(값) : 값 제거 set.has(값) : 값을 갖고 있는지 (true/false) HTML 이벤트 핸들러 HTML 요소에 대한 이벤트 (사용자의 동작으로 인한 특정한 상황 등) 객체.on이벤트명 = function() {...} 같은 객체에 대해 동일한 이벤트 여러번 사용 불가능 click : 클릭시 발생 chan..

배열(Array) 순서가 있는 리스트 문자, 숫자, 객체, 함수 등도 포함 가능 반복문과 같이 생성, 나열할 때가 많음 let al = [a, b, … c] a = al[0] al.length : 배열 길이 al.push() : 배열 끝에 추가(여러요소도 가능) al.pop() : 배열 끝 요소 제거 al.unshift() : 배열 앞에 추가(여러요소도 가능) al.shift() : 배열 앞에 제거 let days = ["sun", "mon", "tue", "wed", "thu",] //반복문을 통한 나열 (1) for(let i=0; i {함수...}); 이전 콜백의 리턴값을 넘겨받아 어떤 작업을 수행하고 싶을 때 적합한 메서드 arr.includes(a,b) : a를 인덱스 b부터 검색하여 포함하는지..