밀 종합 ٩(`╹ω╹´)و

See the Pen [JS] scrollY() / scrollTo() / scrollBy() by mill (@millfeel) on CodePen. scrollY() (=window.pageYOffset) Window 인터페이스의 scrollY 읽기 전용 속성은 문서가 수직으로 얼마나 스크롤됐는지 픽셀 단위로 반환한다. var y = window.scrollY Q. window.pageYOffset과 window.scrollY의 차이는? - 호환성에서 차이가 있다. - window.pageYOffset가 호환성이 약간 더 좋다. - 공통으로 IE8은 지원하지 않는다. scrollBy() 기존 스크롤 값에 설정한 값만큼 + / - 된다. // 대상이 window window.scrollBy(x, y);..

See the Pen [JS] 로드했을 때 input에 포커스 되게 하는 방법 by mill (@millfeel) on CodePen.

String.fromCharCode(num1[, ...[, numN]]) [num1, ..., numN] UTF-16 코드 유닛인 숫자 뭉치. 가능한 값의 범위는 0부터 65535(0xFFFF)까지입니다. 0xFFFF를 초과하는 값은 잘립니다. 유효성 검사는 하지 않습니다. [반환 값] 주어진 UTF-16 코드 유닛 N개로 이루어진 문자열. 아스키코드 번호 조회 www.easycalculation.com/ascii-hex.php String to ASCII chart, ASCII to decimal convertor, String to decimal converter, string hexadecimal / hex conversion www.easycalculation.com 응용 See the Pen [..

문자열 인자를 구문 분석하여 특정 진수(수의 진법 체계에 기준이 되는 값)의 정수를 반환한다. parseInt를 사용할 때는 radix 값을 명시해야 한다. parseInt(string, radix); 매개변수 [string] 분석할 값. 만약 string이 문자열이 아니면 문자열로 변환(ToString 추상 연산을 사용)한다. 문자열의 선행 공백은 무시한다. [radix] +옵션 string이 표현하는 정수를 나타내는 2와 36 사이의 진수(수의 진법 체계에 기준이 되는 값). (주의: 기본값이 10이 아니다.) [반환 값] 주어진 string로부터 분석한 정수. 또는 아래의 경우에는 NaN을 반환한다. radix가 2보다 작거나 36보다 큰 경우 첫번째 non-whitespace 문자가 숫자로 변환되..

배열의 모든 요소를 연결해 하나의 문자열로 만든다. 문법 arr.join([separator]) [separator] +옵션 배열의 각 요소를 구분할 문자열을 지정한다. 이 구분자는 필요한 경우 문자열로 변환된다. 생략하면 배열의 요소들이 쉼표로 구분된다. separator가 빈 문자열이면 모든 요소들이 사이에 아무 문자도 없이 연결된다. [반환 값] 배열의 모든 요소들을 연결한 하나의 문자열을 반환한다. 만약 arr.length 가 0이라면, 빈 문자열을 반환한다. 응용 See the Pen [JS] 배수값 찾기 by mill (@millfeel) on CodePen. [공부 좌표] MDN

String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환한다. 일치하는 값이 없으면 -1을 반환한다. 문법 str.indexOf(searchValue[, fromIndex]) psearchValue] 검색 할 문자열 값. [fromIndex] + 옵션 검색을 시작할 인덱스를 나타내는 정수이다. (기본값: 0) 0보다 작거나 str.length보다 큰 fromIndex 값의 경우 검색은 각각 인덱스 0 및 str.length에서 시작된다. [반환 값] searchValue의 첫 번째 등장 인덱스. 찾을 수 없으면 -1. 응용 See the Pen [JS] 짝수, 홀수 구분하기 by mill (@millfeel) on CodePen. if문을 사용해 입력한 문자가 0, 스페이스, 빈문자인 것을 분류..

Number() 변환시 주의 문자열 안에 스페이스가 있으면 0 undefined는 NaN Number("") // 0 Number(" ") // 0 Number(undefined) // NaN Number(null) // 0 Boolean() 변환시 주의 문자열 안에 스페이스가 있으면 true Boolean(""); // false Boolean(" "); // true

어떤 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환한다. 원본 배열은 바뀌지 않는다. 구분 slice() slice(start) slice(start, end) [start] 옵션 0을 시작으로 하는 추출 시작점에 대한 인덱스를 의미한다. 음수 인덱스는 배열의 끝에서부터의 길이를 나타낸다. begin 값이 생략된 경우, 모든 배열을 반환한다. begin이 배열의 길이보다 큰 경우, 빈 배열을 반환한다. [end] 옵션 추출을 종료 할 0 기준 인덱스이다. slice는 end 인덱스를 제외하고 추출한다. 음수 인덱스는 배열의 끝에서부터의 길이를 나타낸다. end의 값이 생략되거나 배열의 길이보다 크다면 slice()는 배열의 끝까지(arr.length) 추출..

배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환한다. 구문 arr.indexOf(searchElement[, fromIndex]) [searchElement] 배열에서 찾을 요소 [fromIndex] 옵션 검색을 시작할 색인. 기본값 : 0 (전체 배열 검색). 인덱스가 배열의 길이보다 크거나 같은 경우 -1이 반환되므로 배열이 검색되지 않는다. 제공된 색인 값이 음수이면 배열 끝에서부터의 오프셋 값으로 사용된다. 계산된 인덱스가 0보다 작으면 전체 배열이 검색된다. [반환 값] 배열 내의 요소의 최초의 인덱스. 발견되지 않으면 -1. 예제 let numbers = [2, 9, 22]; numbers.indexOf(22); // 2 numbers.indexOf..

배열의 순서를 반전한다. 첫번째 요소는 마지막 요소가 되며 마지막 요소는 첫번째 요소가 된다. 예제 let members = [ { name: 'Edward', value: 21 }, { name: 'Sharpe', value: 37 }, { name: 'And', value: 45 }, { name: 'The', value: -12 }, { name: 'Magnetic', value: 13 }, { name: 'Zeros', value: 37 } ]; members.sort(function(a, b) { return a.name b.name ? 1 : 0; }); members.reverse(); [공부 좌표] Array.prototype.reverse()