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

소스코드의 타입 ECMAScript 사양은 소스코드(ECMAScript code)를 4가지 타입으로 구분한다. 1. 전역 코드 전역 코드는 전역 변수를 관리하기 위해 최상위 스코프인 전역 스코프를 생성해야 한다. 그리고 var 키워드로 선언된 전역 변수와 함수 선언문으로 정의된 전역 함수를 전역 객체의 프로퍼티와 메서드로 바인딩하고 참조하기 위해 전역 객체와 연결되어야 한다. 이를 위해 전역 코드가 평가되면 전역 실행 컨텍스트가 생성된다. 2. 함수 코드 함수 코드는 지역 스코프를 생성하고 지역 변수, 매개변수, arguments 객체를 관리해야 한다. 그리고 생성한 지역 스코프를 전역 스코프에서 시작하는 스코프 체인의 일원으로 연결해야 한다. 이를 위해 함수 코드가 평가되면 함수 실행 컨텍스트가 생성된..

해체 할당(구조 분해 할당)이란? 아래는 MDN Web Docs에서 정의되어 있는 내용이다. 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. 개발을 하다 보면 함수에 객체나 배열을 전달해야 하는 경우가 생긴다. 가끔은 객체나 배열에 저장된 데이터 전체가 아닌 일부만 필요한 경우가 생기기도 한다. 이럴 때 객체나 배열을 변수로 '분해'할 수 있게 해주는 특별한 문법이 해체 할당(destructuring assignment)을 사용할 수 있다. 이 외에도 함수의 매개변수가 많거나 매개변수 기본값이 필요한 경우 등에서 구조 분해는 진가를 발휘하게 된다. 예를 들어보자. 여러 장의 사진을 전달해 값을 HTML 문자열로 변환하려면 ..

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이라는 기능을 사용하여 더욱..

MDN 에서는 구조분해 할당은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다. 라고 정의한다. 구조 분해 할당이 필요한 이유는 개발을 하다 보면 함수에 객체나 배열을 전달해야 하는 경우가 생긴다. 가끔은 객체나 배열에 저장된 데이터 전체가 아닌 일부가 필요한 경우가 생기는 것처럼 말이다. 이럴 때 객체나 배열으 ㄹ변수로 '분해'할 수 있게 해주는 문법이 구조 분해 할당(destructuring assignment) 을 사용하면 된다. 이 외에도 함수의 매개 변수가 많거나 기본값이 필요한 경우 등에서 구조 분해를 사용하기도 한다. 배열 분해 예제) 1 2 3 4 5 6 7 8 9 10 11 12 let arr = ["JungHyun", "Lee"] ..

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