호두파파 JS 스터디
1.구조 분해 할당(Destructing Assignment)
구조 분해 할당 구문은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식참조영상배열 구조 분해는 일부 반환값을 무시할 수 있다. 구조 분해 할당을 이용해 할당된 값을 변활할 수도 있다. 객체의 구조분해는 순서를 바꿔도 동일하게 동작한다. 새로운
2.(JavaScript) match 메소드
str.match(regexp)match 함수는 특정 텍스트 안에 검색할 단어, 찾고싶은 단어가 있는 경우 해당 텍스트가 문구에 포함되어 있는지 확인할 수 있습니다. 또한 단어뿐만 아니라 정규표현식을 사용하여 특정 패턴을 검색하는 것 역시 가능합니다. 해당 문자열.ma
3.(JS) Rest & Spread
Rest Parameter 문법은 함수의 마지막 인자들을 숫자의 제한없이 배열로 받아 처리할 수 있도록 해주는 기능입니다.Spread syntax는 배열이나 유사배열 형태의 자료를 퍼지게 해주는 기능입니다.
4.(JS) setTimeout & setInterval
일정 시간이 지난 후에 원하는 함수를 예약실행(호출)할 수 있게 하는 것을 '호출 스케줄링'이라고 합니다.
5.[JS] JSON.Stringify()
웹서버와 클라이언트 사이에서 통신을 하기 위해서는 문자열을 이용합니다. 클라이언트에서 사용하는 JavaScript객체를 웹서버로 보내기 위해서 많이 사용하는 것이 JSON입니다.
6.(JS) 배열 정렬 메소드, sort()
sort()메서드는 배열의 요소를 적절하게 정렬할 때 유용하다.
7.(JS) 날짜 구하기
오늘 날짜 구하기 요일은 일요일을 시작으로 토요일까지 각각 인덱스 번호로 담겨 출력이 되는 걸 확인할 수 있다. 이것을 문자열로 표현하기 위해서는 배열을 이용하면 된다. 오늘 날짜 요일 구하기 배열을 만들어 요소로 일요일 - 토요일까지 대응하는 문자를 넣어주고, 의 결과값에 맞는 인덱스의 값을 출력하도록 하면 해결할 수 있다. 특정 날짜의 요일 구하...
8.(JS) 비구조화 할당(객체 구조분해) 문법
구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다.
9.(JS) Getter 함수 & Setter 함수
getter : to access properties etter : to change(or mutate) properties
10.(JS) 속성 접근자
속성 접근자는 점 또는 괄호 표기법으로 객체의 속성에 접근할 수 있도록 해줍니다. object.propertyobject'property'객체는 속성의 이름을 키로 사용하는 연관 배열(다른 이름으로는 맵, 딕셔너리, 해시, 룩업 테이블)로 생각 할 수 있다. 보통 객체
11.(JS) map, reduce 활용하기
자바스크립트 내장 메서드 중 제일 강력하고, 알아두면 다양한 곳에 활용할 수 있는 메소드가 map과 reduce다.
12.(JS) 비동기를 동기처럼 다루기 : async & await
비동기 코드를 동기식으로 표현해서 간단하게 표현하기 위해 사용하는 async / await는 가장 최근에 나온 문법이다. 기존의 비동기 처리 방식인 콜백 함수와 프러미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있게 도와준다.
13.[JavaScript] filter() & find()
배열에서 특정 조건만 주어 조건에 해당하는 값들만 걸러내려면 어떻게 해야할까? 이러한 상황에서 주로 사용하는 것이 filter() 함수, find() 함수이다.
14.(JS) Strint Mode (엄격모드)
지시자 "use strict"는 단순한 문자열처럼 생겼다. 하지만 이 지시자가 스크립트 최상단에 오면 스크립트 전체가 "모던한" 방식으로 동작한다. "use strict"는 스크립트 최상단에 위치시켜야 한다.
15.(JS) 문자열에서 특정 문자 반환하기 : charAt()
charAt() 함수는 문자열에서 특정 인덱스에 위치하는 유니코드 단일 문자를 반환합니다.
16.(JS) 배열의 중복제거
배열을 순회하는 방식 배열의 모든 요소를 순회하면서 별도의 배열(중복값이 없는 배열)에 동일한 값이 없는 경우에만 해당 배열에 요소를 추가한다. filter 메서드 활용 배열을 순회하는 방식이 아닌 filter 메서드를 이용하는 방법이다. filter 메서드 사용시 하나는 배열의 indexOf, 다른 하나는 객체의 hasOwnProperty를 활용해 중...
17.(JS) 배열을 합치는 3가지 방법
배열을 합치는 3가지 방법
18.(JS) Object.assign()
Object.assign() 메소드는 열거할 수 있는 하나 이상의 출처 객체로부터 대상 객체로 속성을 복사할 때 사용한다.
19.(JS) Array.prototype.slice.call(arguments)
Array.prototype.slice.call(arguments)란 이 코드가 존재하는 함수의 매개변수로 넘어온 값들을 array로 변환하겠다는 뜻입니다.
20.(JS) 비동기 처리 - callback
비동기 처리에서 콜백함수를 알아보자.
21.(JS) 전개 연산자(Spread Operator)
ECMA Script6(2015)에서 새로 추가된 전개 연산자(Spread Operator)란 객체나 배열의 값을 하나하나 넘기는 용도로 사용할 수 있다.
22.(JS) 비동기 함수를 강제로 종료시킬 수 있을까?
이미 예약(실행)된 비동기 함수는 강제로 종료시킬 수 없다 이나 은 리턴 받은 ID로 종료시킬 수는 있지만, Ajax요청등과 같은 비동기함수드은 강제로 종료시킬 방법이 없다. 만약 비동기 함수들끼리 로직이 연결되어 있다면, 병렬로 한꺼번에 비동기 함수를 실행시키고, 만약 에러가 발생했다면 나머지 작업이 완료되지 않도록 비동기 함수를 중단시킬 수 있다. ...
23.(JS) 모던 자바스크립트 : Promise
가독성 개선과 에러핸들링 등과 같은 초창기 비동기 프로그래밍의 흐름을 효율적으로 개선하기 위한 고민은 현재까지 계속되고있다. PromiseAsync, Await Genereator 등등.. 이중 Promise와 Async / Await가 가장 대표적인 방법이다.
24.(JS) Factory Method Pattern
팩토리 메서드 패턴에 팩토리(Factory)라는 이름이 붙은 이유는 공장에서 상품을 생산하듯이, 팩토리 메서드로 비슷한 객체를 찍어내는 동작을 하기 때문이다.
25.(JS) appendChild(), insertBefore()
자식 노드의 마지막에 노드가 삽입된다. insertBefore()는 appendChild()와 비슷하지만, 전달인자가 두 개라는 점이 다르다. 첫 번째 전달인자는 삽입하려는 노드이고, 두번째 전달인자는 삽입 기준이 되는 노드로, 새 노드는 이 앞에 놓는다.
26.(JS) Merge Sort(병합 정렬) 구현하기
sorting 알고리즘 중 병합 정렬에 대해서 알아보자.
27.(JS) 구조 분해 할당
구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다.