<해피코딩/>

Array.prototype.every( ) every( ) 메서드는 배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트하여 Boolean 값을 반환합니다. 모두 true일경우 true, 하나라도 false일경우 false를 반환합니다. 해당요소가 거짓일경우 즉시 false를 반환합니다. 모두 30보다 작기때문에 true입니다. 29하나가 26보다 크기때문에 false를 반환합니다. Array.prototype.some() some( )은 하나라도 true이면 true를 반환합니다. true값을 발견한 즉시 반환하고, 빈 배열에서 호출하게 될 경우 무조건 false를 반환합니다. 모두 false여야지 false가 반환됩니다 저는 약간 AND, OR와 비슷한 경우라고 느꼈습니다:)

버블링 (Event Bubbling) 한 요소에 이벤트가 발생하면 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작하고 최상단의 부모 요소를 만날 때까지 반복되면서 핸들러가 동작하는 현상을 말한다. button을 누르면 3개의 alert가 뜹니다. button - div -form순으로 이벤트가 발생하고 document 객체를 만날 떄까지 이벤트가 발생합니다. div칸만 누르게된다면 div-form 2개, form만 누르면 한개의 alert가 뜹니다. 자바스크립트에서 거의 모든 이벤트는 버블링 됩니다 버블링을 중단하려면 이벤트 객체의 메서드인 event.stopPropagation()를 사용하면 됩니다.(Propagation v.번식, 증식) 이벤트 캡처링 (Event Capturi..

join() 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다. 예시) 구분자를 생략할 경우 배열의 요소들이 ,(쉼표)로 구분됩니다 split() String 객체를 구분자를 이용하여 여러개의 문자로 나눕니다~ 예시) 마지막 "4"는 4를 기준으로 나뉩니다

JSON(Javascript Object Notation) 데이터를 전송하거나 저장할때 많이 사용되는 경량의 데이터 교환형식입니다. 단순히 데이터를 표시하는 방법입니다. JSON은 키-값을 가지며 키는 반드시 ""(쌍따옴표)를 이용해서 표기해야 합니다. JSON에는 2개의 내장함수가 있습니다. JSON.stringify(); "String"이 필요할 때 문자열로 변환해 저장가능합니다. 주어진 값에 해당하는 JSON 문자열을 반환합니다. 선택 사항으로 특정 속성만 포함하거나 사용자 정의 방식으로 속성을 대체합니다. (MDN 참조) JSON.parse(); 원래의 데이터로 변환해줍니다. string을 자바스크립트 오브젝트로 변환해줍니다 문자열을 JSON으로서 구문 분석하고, 선택적으로 분석 결과의 값과 속성..

Math.ceil() 숫자를 무조건 올림 처리를 합니다. 예시) Math.ceil(5.4); // return 6 Math.round() 숫자를 무조건 반올림 처리를 합니다. 예시) Math.ceil(5.4); // return 5 Math.floor() 숫자를 무조건 내림 처리를 합니다. 예시) Math.ceil(5.8); // return 5 Math.random() 0보다는 크고 1보다는 작은 난수를 반환합니다. 예시) 만약 0~9사이의 랜덤한 정수를 얻고 싶다면 Math.random * 10을 한 후 Math.floor() 함수로 무조건 내림처리하면 0~9 까지의 값을 구할 수 있습니다. 숫자를 곱해도되고 배열이 너무많아서 숫자를 모를경우 Array.length를 사용해주셔도 됩니다 기본 HTML..

Array.prototype.filter() filter란 배열에서 조건을 만족하는 값들을 찾아서 새로운 배열로 반환해주는 함수입니다. 이렇게도 작성 가능합니다:) item > 2이상인 값들만 찾아 새로운 배열로 반환합니다

Date new Date() 사용자 브라우저의 시간을 가져옵니다. get Date객체에 내장되어있는 get함수는 종류가 다양합니다 getFullYear() - 4자리의 년도를 가져옵니다. getMoth() - 0 ~ 11월을 가져옵니다 (0은 1월, 12월은 11월) getDate() - 1 ~ 31일을 가져옵니다 getHours(), getMinutes(), getSeconds(), getMillSeconds(), getTime() 등이 있습니다. padStart(총길이, 추가할 문자) 문자열 앞에 지정된 문자의 길이만큼 추가하는 함수입니다. padEnd(총길이, 추가할 문자) 문자열 뒤에 지정된 문자의 길이만큼 추가하는 함수입니다. new Date()로 사용자의 브라우저 시간을 가져옵니다. getHo..

세가지가 좀 헷갈릴거같아서 정리합니다 :) substring() 파라미터로 시작,종료 위치를 주면, 문자열에서 해당부분을 반환하는 함수입니다. 두번째 인덱스 번호를 생략할 경우, 시작위치에서 마지막위치까지 반환합니다. slice() 파라미터로 시작,종료 위치를 주면, 문자열에서 해당부분을 반환하는 함수입니다. substring과 유사하나 파라미터로 음수의 값을 가질 수 있습니다. 인덱스를 음수로 줄 경우, 문자열의 끝에서부터 거꾸로 반환합니다. 두번째 인덱스 번호를 생략할 경우, 시작위치에서 마지막위치까지 잘라내어 반환합니다. substr() slice와 유사하나 두 번째 파라미터는 종료가 아닌 잘라낼 문자의 길이입니다. 인덱스를 음수로 줄 경우 끝에서부터 거꾸로 읽게 됩니다. ↑ 6번째에서 띄어쓰기포함..