To Infinity And Beyond
js - 새로운 데이터 타입
새로운 데이터 타입 기본형 number String null undefined boolean Symbol타입 객체의 프로퍼티 키를 고유하게 설정함의로써 프로퍼티 키의 충돌을 방지하기 위해 사용 1) 생성법 - Symbol함수를 호출함으로써 생성함 ex) let sym1 = Symbol('설명문') let obj = { name: "green", age: 30, } 2) 객체의 키로 사용 let obj = { name: "green" , age: 20, } let id = Symbol('id'); obj[id] = 123; 3) 객체의 숨김 프로퍼티 Object.keys(obj) 객체의 프로퍼티의 키를 배열로 반환 Object.values(obj) 객체의 프로퍼티의 값을 배열로 반환 Object.entri..
js - 정규표현식
정규표현식 문자열에서 특정 문자 조합을 찾기 위한 패턴입니다. -정규표현식 연습 사이트 https://regexr.com/5mhou RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). regexr.com 1. 그룹과 범위 | 또는 () 그룹 [] 문자셋 [^] 부정문자셋 - []안에 문자가 아닐때 2. 수량 ? 없거나 있거나 * 없거나 있거나 많거나 + 하나 또는 많이 {n} n번 반복 {min,} 최소수량 {min, max} 최소, 그리고 최대 3. 범위 ^ 문장의 시작 $ 문장의 끝 \b 단어 경계 \B 단어 경계가 아닐 때 4. 텍스트..
코딩테스트 연습사이트
https://programmers.co.kr/learn/challenges 코딩테스트 연습 기초부터 차근차근, 직접 코드를 작성해 보세요. programmers.co.kr
정규표현식 연습 사이트
https://regexr.com/5mhou RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). regexr.com
우편번호 서비스
https://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net
js - 폼태그
폼과 폼 조작하기 1. 폼과 요소 탐색하기 폼은 특수한 컬렉션인 document.forms의 구성원입니다. 1) 폼의 name값으로 접근 : document.forms.폼이름 ex) document.forms.myForm 2) 폼의 순서로 접근 : document.forms[0] -> 문서 내의 첫번째 폼 3) 폼의 요소에 접근 form.elements.요소name값 ex) form.elements.userId 짧은 표기법 form.name 4) focus지정하기 -autofocus 속성추가 -node.focus() 메소드 폼이벤트 input : input태그에 값을 적을 때 change : 폼요소의 값이 변경될 때 focus : 커서가 선택되었을 때 blur : 커서가 떠났을 때
<step42>'js_keydown, keyup, form'
1) keyEvent.html 2) keyEvent_ex.html 1 2 3 3) ex01.html to do list add_circle main.js //btn input ul let btn = document.querySelector('#insertBtn'); let input = document.querySelector('#todoInput'); let ul = document.querySelector('#listUl'); // btn.addEventListener('click',addList); //btn클릭시 실행되는 함수 //input의 value가 있는지 확인 없으면 return, 있으면 그 값을 //li에 넣어주고 li를 ul에 추가 function addList(){ if(!input...
<step41>'js_dom, scroll'
1) dom_node_ex01.html Create a list 2) dom_node_ex01_teach.html Create a list 3) dom_node_ex02.html 1 4 4) dom_node_ex02_teach.html 1 4 5) translateZ.html 0 box1 box2 box3 box4 box5 6) football.html Home Info About Community Contact Player 1 Player 2 Player 3 Player 4 Player 5 Lorem Ipsum Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum Lorem Ipsum is simply..
js - scroll
scroll scrollTop 스크롤한 값 window.scrollTo({ rop: 100px }) 스크롤 100px의 위치로 이동