8월 둘째 주 TWIL

sgyoon·2019년 8월 23일
0

TWIL

목록 보기
3/29
post-thumbnail

JavaScript

1. Scope 와 Closures

함수 내부에서 변수를 선언할 때, 그 변수는 함수 내부에서만 접근할 수 있습니다. 이런 변수들은 함수의 스코프 위에 존재한다고 말합니다. 함수 내부에서 함수를 선언할 때, 내부의 함수는 클로저라고 불립니다. 이 클로저는 외부 함수에서 생성된 변수들에 접근할 수 있는 권한을 가지고 있습니다.

Scope

Closures

함수 내부에 함수를 작성할 때마다, 여러분은 클로저를 생성한 것입니다. 내부에 작성된 함수가 바로 클로저죠.

2. 함수에서 전달인자와 매개변수

함수에서 매개변수와 전달인자 수의 관계

Rest 파라미터

Rest 파라미터 구문은 정해지지 않은 수(an indefinite number, 부정수) 인수를 배열로 나타낼 수 있게 합니다. (Internet Explorer 지원되지 않음)
[ Rest 파라미터 | MDN ]

전개 구문

전개 구문([...])을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있습니다. (Internet Explorer 지원되지 않음)
[ 전개 구문 | MDN ]

변수에 함수를 대입하기

3. 생성자

Date()

시간의 특정 지점을 나타내는 Date 객체를 생성합니다. Date 객체는 1970년 1월 1일 UTC(국제표준시) 00:00으로부터 지난 시간을 밀리초로 나타내는 유닉스 타임스탬프를 사용합니다.
[ Date | MDN ]

getFullYear()

getFullYear() 메서드는 주어진 날짜의 현지 시간 기준 연도를 반환합니다.
[ Date.prototype.getFullYear() | MDN ]

Array()

Array 생성자는 주어지는 인수에 따라 두 가지 서로 다른 방식으로 동작을 합니다.
수 타입의 인수가 하나 주어질 때는 해당 수 만큼의 길이를 갖는 비어있는 배열을 만들어 냅니다. 만약 인수가 양의 정수가 아니라면 에러를 냅니다. 이 외에 다른 모양으로 인수가 주어지면 그 인수들을 요소로 갖는 배열을 생성합니다.

Array.of()

이렇게 일관적이지 못한 생성자의 동작방식 때문에, ES2015에 Array.of 정적 메소드가 추가되었습니다. 이 메소드는 위의 2번 방식으로만 동작합니다. 따라서, Array 생성자를 사용할 때에는 1번 방식으로만 사용하고, 2번 방식의 코드를 작성할 때는 생성자 대신 Array.of 정적 메소드를 사용하세요.

Array.of는 인자의 수나 유형에 관계없이 가변 인자를 갖는 새 Array 인스턴스를 만듭니다. Array.of()와 Array 생성자의 차이는 정수형 인자의 처리 방법에 있습니다. Array.of(7)은 하나의 요소 7을 가진 배열을 생성하지만 Array(7)은 length 속성이 7인 빈 배열을 생성합니다.
[ Array.of() | MDN ]

4. 배열 메서드

forEach()

주어진 함수를 배열 요소 각각에 대해 실행합니다. 반환값은 undefined입니다.
[ Array.prototype.forEach() | MDN ]

every()

배열 안의 모든 요소가 주어진 판별 함수를 통과하는지 테스트합니다.
callback이 모든 배열 요소에 대해 참(truthy)인 값을 반환하는 경우 true, 그 외엔 false를 반환합니다. 빈 배열에서 호출하면 무조건 true를 반환합니다. every는 호출한 배열을 변형하지 않습니다.
[ Array.prototype.every() | MDN ]

some()

배열 안의 어떤 요소라도 주어진 판별 함수를 통과하는지 테스트합니다.
callback이 어떤 배열 요소라도 대해 참인(truthy) 값을 반환하는 경우 true, 그 외엔 false를 반환합니다. 빈 배열에서 호출하면 무조건 false를 반환합니다. some은 호출한 배열을 변형하지 않습니다.
[ Array.prototype.some() | MDN ]

map()을 활용해 배열 속 객체를 재구성하기

[ Array | MDN ]

Terminal

터미널을 처음 열었을 때 : root 폴더에서 시작한다.

ls : 파일 목록 보기

현재 위치한 폴더 내에 속한 파일 및 폴더 목록을 보여주는 명령어

cd : 위치 이동

cp : 복사

mv : 파일 이동, 이름 변경

rm : 삭제

man : 매뉴얼 보기

그 외 명령어


2019.08.11 티스토리 블로그에 작성한 글을 velog로 옮김

profile
프런트엔드 개발자를 목표로 공부중입니다.

0개의 댓글