[TIL/React] 2023/01/31

머리글

오늘은 'React 프로젝트를 위한 자바스크립트 기초'의 마지막 강의를 수강했다. array의 대표적인 method 네 가지를 살펴보았다. 강의를 통해 이미 아는 내용은 복습했고, 몰랐던 내용은 새롭게 익혀보는 시간을 가졌다.

자바스크립트 기초(3)

1) map method

'map'에 대해서는 그간 많이 연습했다. 코드로 가볍게 수업 내용을 정리해봤다.

배열을 변수에 할당했고. 배열 내부 각각의 값에 1씩 더해주는 작동을 map을 통해 진행했다.

해당 강의에서는 'map'이라는 method는 원본 데이터를 변형시키지 않는 immutable function이라는 점만 체크하고 넘어갔다.

2) filter method

filter도 며칠 전에 살펴보았다. 다만 그때는 특정 조건을 만족하는, True 값을 추출하는 method라고 이해했다.

오늘은 조금 다른 관점에서 이해했다. 바로 전에 살펴본 map method는 어쨌든 배열 내부의 데이터를 '가공(加工)'할 수 있다. 하지만 filter method는 배열에서 특정 조건을 만족하는 값을 꺼내올 수 있을 뿐, 데이터 자체를 '가공'할 수는 없다.

3) concat method

concat method는 오늘 처음 공부했다. 'concat'은, '인자로 주어진' 배열이나 값들을 기존 배열에 합쳐서 새로운 배열을 반환하는 method이다. concat의 정의를, 코드를 통해 확인했다.

'new_array'의 배열을 'array_num' 배열에 합치는 과정이다. 특별히 어려운 점은 없다. 그냥 이런 것도 있구나...!하고 넘어갔다. '4, 5, 4, 5'를 통해 concat은 중복 제거는 하지 않는다는 부분만 체크했다.

4) from method

'from' 역시 오늘 처음 공부하는 method이다. from은 '유사 배열 객체' 또는 '반복 가능한 객체'를 얕게 복사해 새로운 array 객체를 만드는 method라고 한다. 도대체 이게 어느 나라 말인가. 코드를 먼저 살펴봤다.

사용 방법 자체는 간단한데, 위에서 언급한 정의와 매칭은 안됐다.

arrow function을 통해, from을 사용하여 스펠링의 index만 반환하는 작업을 해봤다.

마지막으로 from을 통해 빈 배열을 초기화하는 과정을 코드로 작성해봤다.

from의 '정의'가 머릿속에 명징하게 자리 잡지 않아서 그냥저냥 따라치는 느낌이었다. from은 재학습의 대상으로 남겨두어야겠다.

map, '함수'로 구현하기

함수로 구현하기는 실패. 고민하다가 생각이 엉켜서 진행이 안된다. 오늘은 여기까지...

회고

벌써 오늘이 1월의 마지막 날이다. 감성적인 분위기를 잡으려고 했으나... 함수로 method를 구현하는 방법을 까먹어서 우울한 관계로 여기서 마치겠다. 그래도 한 달 동안 많이 성장한 것 같다. 칭찬한다 나 자신! 내일도 다음 달도 화이팅!!