2주 차 - 자바스크립트와 그 너머...

웹 페이지를 구성하는 방법을 이해하는 것도 중요하지만 현대 컴퓨팅 및 웹 개발의 가장 중요한 측면은 동적이며 다양한 데이터를 관리할 수 있다는 것입니다.

이번 주 게시물에서는 JavaScript 학습의 첫 주에 대해 설명합니다.

주요 자원 - LearnJavaScript.online

보충 자료 - MDN JavaScript

배운 것

LearnJavaScript.online의 초기 섹션에서는 JavaScript의 기본 항목 구문을 검토합니다. 이것은 자료의 적절한 요약을 제공했습니다. 그러나 주간 학습의 핵심 측면은 콘텐츠를 배열로 관리하기 위한 매핑, 축소 및 필터 기능이었습니다.

지도

Map 함수는 콜백 함수를 통해 배열 내의 콘텐츠를 조작하는 훌륭한 방법을 제공합니다. 예를 들어 배열의 각 요소에 2를 곱합니다.

const numbers = [1,2,3];
const multipliedNumbers = numbers.map(number => number * 2); // returns 2, 4, 6

필터

필터 기능을 사용하면 개발자가 배열 내의 콘텐츠에 대한 논리를 제공할 수 있습니다. 예를 들어 2보다 큰 숫자 찾기:

const numbers = [1,2,3];
const multipliedNumbers = numbers.map(number => number * 2); // returns 2, 4, 6
const filteredNumbers = multipliedNumbers.map(number => number > 2); // returns 4 and 6

줄이다

Reduce 함수는 콜백 함수에 설명된 일련의 논리를 기반으로 모든 배열 내용을 단일 값으로 결합합니다. 이 경우 reduce 함수는 4와 6을 가져와 함께 곱하여 값 24를 생성합니다.

축소 기능의 핵심 사항은 콜백 기능 뒤에 오는 숫자 1입니다. 이는 합계 값을 1의 값으로 설정하고 1 * 4가 정당하도록 허용하는 것입니다.

const numbers = [1,2,3];
const multipliedNumbers = numbers.map(number => number * 2); // returns 2, 4, 6
const filteredNumbers = multipliedNumbers.map(number => number > 2); // returns 4 and 6
const reducedNumbers = filteredNumbers.reduce((total, current) => total * current, 1); // returns 24 - 1 * 4 * 6;

지금까지 저는 JavaScript 여정을 막 시작했으며 LearnJavaScript.online의 콘텐츠는 매우 잘 설명되어 있으며 플래시 카드 및 메모 작성 기능으로 지원되며 핵심 개념에 대한 유지 수준이 훨씬 더 높은 것으로 나타났습니다.

리소스 검토

지난 주 연구를 반영하여 FreeCodeCamps는 개념을 관리 가능한 덩어리로 추출하는 스니펫 기반 접근 방식을 제공했습니다. 그러나 검토해 보면 이것은 학습자로서 문제의 기술을 비판적으로 전개하기에 충분한 깊이를 제공하지 않습니다.

따라서 이번 주에 저는 LearnJavaScript.online 과정을 사용하기 시작했습니다. 특정 주제에 대해 보다 심도 있는 토론이 포함된 가이드 방식을 통해 JavaScript를 학습하는 구조화된 접근 방식입니다. 또한 추가 자료를 제공하는 보충 자료가 각 섹션에 연결되어 있습니다.

LearnJavaScript.online의 처음 7개 부분이 무료로 제공되어 접근 방식에 대한 좋은 통찰력을 제공했습니다. 또한 기본 프로그래밍 학습부터 JavaScript 학습까지 충분한 접근 방식을 제공합니다.

또한 광범위한 주제(정확히 78개)가 있으며 5년 동안 액세스할 수 있고 소액의 일회성 지불에 대한 지속적인 업데이트를 제공하며 간격 반복을 지원하는 데 도움이 되는 내장 플래시 카드 시스템으로 지원됩니다.

회고전

주요 개념을 요약하기 위해 하루를 마감하기 전에 LearnJavaScript.online 웹사이트 내의 플래시 카드 기능을 사용하십시오.

종료

다음 포스팅까지!

~ 잭/종료