탁월함은 어떻게 나오는가?

Object 생성자 함수 생성자 함수(constructor)란 new 연산자와 함께 호출하여 객체(인스턴스)를 생성하는 함수를 말한다. 생성자 함수에 의해 생성된 객체를 인스턴스(instance)라 한다. 자바스크립트는 Object 생성자 함수이외에도 String, Number, Boolean, Fucntion, Array, Date, RegExp, Promise 등의 빌트인(built-in)생성자 함수를 제공한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 // String 생성자 함수에 의한 String 객체 생성 const strObj = new String('Lee'); co..

replace() 는 어떤 패턴에 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환한다. 패턴은 문자열이나 정규식이 될 수 있으며, 교체 문자열은 모든 매치에 대해서 호출된 함수일 수 있다. 1 2 3 4 5 6 7 8 const a = "안녕하세요. 반갑습니다. 한국어도 적용되니?" console.log('a = ', a) console.log(a.replace('한국어도 적용되니?', '영어도 가능하지')) console.log('현재 a값 = ' , a) console.log('이번엔? = ' , a.replace('한국어', '이탈리아어')) cs 베타존 : 네이버쇼핑 스마트스토어 나를 꾸미다 - 인테리어소품 베타존 smartstore.naver.com

redux-saga란? redux-thunk 다음으로 많이 사용되는 라이브러리이다. redux-thunk의 경우엔 함수를 디스패치를 할 수 있게 해주는 미들웨어이다 redux-saga의 경우에는 액션을 모니터링하고 있다가, 특정 액션이 발생하면 이에 따라 특정 작업을 하는 방식을 사용한다. 특정작업이란, 특정 자바스크립트를 실행하는 것 일수도 있고, 다른 액션을 디스패치 하는 것 일수도 있고, 현재 상태를 불러오는 것 일수도 있다. redux-saga의 특징 1. 비동기 작업을 할 때 기존 요청을 취소 처리 할 수 있다. 2. 특정 액션이 발생했을 때 이에 따라 다른 액션이 디스패치되게끄 하거나, 자바스크립트 코드를 실행 할 수 있다. 3. 웹소켓을 사용하는 경우 Channel이라는 기능을 사용하여 더욱..

자바스크립트는 동적인 언어라는 점에서 클래스가 없으며, 흔히 프로토타입 기반 언어(prototype-based language)라고 불린다. (ES2015부터 class 키워드를 지원하기 시작했으나, 문법적인 양념일 뿐이며 자바스크립트는 여전히 프로토타입 기반의 언어이다.) 상속 관점에서 자바스크립트의 유일한 생성자는 객체뿐이다. 각각의 객체는 [[Prototype]]이라는 은닉(private) 속성을 가지는데 자신의 프로토타입이 되는 다른 객체를 가리킨다. 그 객체의 프로토타입 또한 프로토타입을 가지고 있고 이것이 반복된다. 결국 null을 프로토타입으로 가지는 오브젝트에서 끝이난다. null은 더이상 프로토타입이 없다고 정의되며, 프로토타입 체인의 종점 역할을 한다. 모든 객체들이 메소드와 속성들을 ..

비동기 처리 자바스크립트의 비동기 처리란 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미합니다. 비유로 이해하는 비동기적 방식 카페에서 주문을 하게되면 주문을 받고 제조되는 순서대로 커피를 받게 됩니다.은행 업무와 달리 먼저 주문한 사람의 커피가 다 제조될 때까지 다음 사람이 기다릴 필요가 없기 때문에 카페에 '들어온 순서'보다 먼저 '제조된 순서'가 중요하게 됩니다. 이처럼 연속적으로 발생하는 이벤트를 담은 후 완료되는 순서대로 일을 처리하는 실행 순서가 확실하지 않는 것을 비동기적 방식이라고 합니다. 콜백함수 제어권을 대상에게 넘겨줍니다. 함수 a(getData)의 매개변수로 콜백함수 b(callback)를 전달하면, a(getData)가 b..

1) NewMapTest 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 const NewMapTest = () => { let mapData = new Map() console.log(mapData) // 출력 : Set(0) { } // 아무런 데이터 값이 없기 때문에 안뜬다. return ( NewMapTest ) } export default NewMapTest cs 2) NewMapInitTest 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 const NewMapInitTest = () => { let mapData = new Map( [ ["apple", "red"], ["grape", "purple"] ] ) console.log..

1) NewSetTest 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 const NewSetTest = () => { let setData = new Set() console.log(setData) // 출력 : Set(0) { } // 아무런 데이터 값이 없기 때문에 안뜬다. let setData2 = new Set() setData2.add(1) setData2.add("betazon") console.log(setData2) // 출력 : Set(2) {1, "betazon"} return ( NewSetTest ) } export default NewSetTest cs 2) NewSetInitTest 1 2 3 4 5 6 7 8 9 10 1..

자바스크립트 배열의 내장 함수에 sort()가 존재합니다. 명칭 그대로 배열 안의 원소를 정렬하는 함수입니다. sort()메소드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다. 정렬은 stable sort가 아닐 수 있습니다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따읍니다. 정렬 속도와 복잡도는 각 구현방식에 따라 다를 수 있습니다. Sort 함수 test 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 const Test2 = () => { const months = ['Market' , 'Feed', 'Jeadong', "Doctor"] months.sort() console.log(months) ..