ES6 배열 내장 함수

ES6 배열함수 ES6에는 배열을 처리할 수 있는 여러 함수들이 있다. 1) forEach : 반환값이 없다, 단순 for문과 같이 작동한다. 2) map : 반환값을 배열에 담아 반환한다. ***** 3) filter : 조건에 충족하는(true) 아이템만 배열에 담아 반환한다. 4) some : 조건에 충족하는 아이템이 하나라도 있으면 true 반환, 아니면 false. 5) every : 모든 배열에 아이템이 조건을 충족하면 true 반환, 아니면 false. 6) find : 조건에 충족하는 아이템 하나만 반환(여러개라면 첫번째것만 반환) 7) findIndex : 조건에 충족하는 아이템의 인덱스값 반환 (여러개라면 첫번째아이템의 인덱스번호만 반환) 8) reduce : 배열의 각 요소에 대해 주..

2022.04.26

아이디 비밀번호 찾기 AJAX

아이디찾기 /login/id_find.php 이름, 연락처로 $id를 찾는다. action="find.php" $name $hp1 $hp2 $h3 버튼 type="button" 서대문자연사박물관 아이디찾기 가입 시 입력하신 정보로 아이디를 찾아드립니다 연락처 앞3자리 010 011 016 017 018 019 ㅡ 연락처 가운데3자리 ㅡ 연락처 마지막3자리 로그인하기 비밀번호를 잊으셨나요?비밀번호 찾기 아직도 회원이 아니신가요? 회원가입 /login/find.php ajax로 받아온 데이터에 대한 유효성검사 및 필드 찾아서 출력하기

2022.02.18

jQuery 아코디언메뉴

Q&A나 FAQ에서 많이 쓰이는 아코디언 메뉴 CSS @charset "utf-8"; /* CSS Document */ *{margin: 0; padding:0;} body{font-size:16px; color:#333; line-height:1.6; margin: 30px;} ul, li{list-style:none;} a{color:inherit; text-decoration: none;} .faq{width:650px; border-bottom:1px solid #ddd;font-size:12px} .faq .hgroup{position:relative; margin:0 0 10px 0;} .faq .hgroup .all{position:absolute; top:5px; right:10px;} ...

2021.12.15

jQuery node(DOM) 선택자

jQuery와 DOM jQuery에서는 선택자 및 필터링 기반 트리탐색이 가능하다. 선택자 기반 트리 탐색 메서드 자식 children('선택자') 선택자에 해당하는 직계자식을 선택 find('선택자') 선택자에 해당하는 자식, 자손을 선택 선택자 생략 불가 부모 parent('선택자') 선택자에 해당하는 직계부모를 선택 parents('선택자') 선택자에 해당하는 부모, 조상을 선택 (body, html까지도..) 선택자 생략 하지말자 다음 next('선택자') 선택자에 해당하는 바로 다음 형제 요소 1개 를 선택 (친구) nextAll('선택자') 선택자에 해당하는 모든 다음 형제 요소를 선택 (친구) 이전 prev('선택자') 선택자에 해당하는 이전 형제 요소 1개 를 선택 (친구) prevAll(..

2021.12.08