[Javascript] for loop 유의해서 쓰자
·
Web/Javascript
1. index ; condition ; operation 아주 오래된, index , condition 을 명시한 for loop은 언어 어디에나 쓰여왔다 가령 다음과 같은 코드다. const array = ['a', 'b', 'c', 'd', 5]; for(let i=0 : i < array.length; i++) { console.log(array[i]) // 모든 원소 순서대로 iteration } // 출력결과: a b c d 5 2. for .. in C++, Java, Kotlinm 언어등에서도 흔히 배열 loop에 많이 쓰는 형태다. const array = ['a', 'b', 'c', 'd', 5]; for(let alphabet in array) { console.log(alphabet..
[Javascript] Array.reduce
·
Web/Javascript
When to use 배열에서 특정 값에 대한 최종 합계를 구할 때 구문 array.reduce(callback, [intitialValue]) callback 각 배열 요소를 순회하며 실행할 함수 reduce( callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T, initialValue: T): T; Parameter Description previousValue 이전까지의 순회 값 currentValue 이번 항목의 값 currentIndex 이번 순회 회차 수 (Optional) array 순회 대상 배열 (Optional) accumulator 누산기, 콜백의 return value 누적. in..
[JavaScript] Object set 'key' using variable
·
Web/Javascript
문제 상황 JavaScript Object 내에 'Key'를 변수를 사용하여 할당하려 하는데 변수를 통한 키 할당이 이뤄지지않음. const targetKey = 'name'; const targetValue = 'mmm'; //아래 코드가 동작하지 않음. store.update({ targetKey : targetValue // name : 'mmm' 으로 인식하지 않고, // targetKey : 'mmm'으로 인식 }, { fields : [targetKey], limit : 1 }); 해결 방법 From ES5 operator bucket '[]'를 사용한다. 수정된 코드 const targetKey = 'name'; const targetValue = 'mmm'; store.update({ //..
[JavaScript] 정규식 예제 (feat. E-mail, 주민번호)
·
Web/Javascript
우선, 정규식을 작성하고 바로바로 테스트 결과와 디버깅을 할 수 있는 사이트를 소개한다. RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp). regexr.com 정규식은 로그인, 회원가입 기능에서 입력 형식의 유효성 검사를 하는데도 자주 쓰이지만 해커로부터 오는 공격 트레픽중 특정 구문을 차단하기위해서도 쓰인다. 문제풀이를 하면서 정규식에 익숙해져보자. [문제1] E-mail "hacker"라는 문자열을 포함한 아이디를 가진 이메일 주소를 정규식으로 잡아내고싶다. 단, 이메일의 아이디는 영문 소문자+숫자로만 이루어진다. 조건에 부합하는 정규..
window.open()
·
Web/Javascript
1. 구문 Inteface open(URL, name, [features]) Parameter URL: ?? 이게 설명이 필요할 리 없잖아 ㅎ name: window간 통신하는데 사용할 window 이름 features: Web Browser window 모양새 결정 (ex. height, weight..) Excution 해당 URL 의 웹 브라우저 창을 띄움 2. 예제 코드 3. 실행 결과
Window 브라우저 객체
·
Web/Javascript
Window Browser Object 1. 정의 BOM은 웹 페이지 콘텐츠와 무관하게 브라우저 기능을 노출하는 객체이다. 2. BOM(Browser Object Model) 5 Screen Navigator Location History Document (DOM) 3. global Objects - global Object 전역 스코프에서 선언한 Variable, Function 모두 window object ∋ Property , Method Window Object == Global Objects 윈도우 객체는 브라우저 기반 자바스크립트의 최상위 객체이다. (대표적인 method로는 'alert'가 있다.) var 키워드로 선언한 일반 변수도 모두 window 객체의 Property! 4. DOM ..