※이글의 예시들은 Udemy의 Angela Yu의 "The-Complete-Web-Development-Bootcamp" 강의의 내용을 정리한 것입니다. map/filter/reduce는 자바스크립트의 아주 유용한 function들이다. 1. map 먼저 map은 우리가 흔히 아는 loop와 비슷하다. map은 배열 안의 요소가 각각 어떤 함수에 들어가서 처리된 결과값으로 새로운 배열을 만들어낸다. 아래처럼 numbers라는 배열의 요소가 map 함수에 의해 내가 임의로 정한 double이라는 함수에 하나하나 들어가게 된다. 이후, newNumbers라는 배열에 새롭게 저장된다. var numbers = [3, 56, 2, 48, 5]; function double(x){ return x*2; } con..

※이글의 예시들은 Udemy의 Angela Yu의 "The-Complete-Web-Development-Bootcamp" 강의의 내용을 정리한 것입니다. jsx란 javascript+XML을 합친 자바스크립트의 확장 문법이다. 이는 개발자가 자바스크립트 내에 마크업 코드를 작성할 수 있게 한다. import React from "react"; import ReactDOM from "react-dom"; const name = "Dory"; 위의 name을 render로 보이게 하려면 아래와 같이 작성해주면 된다. ReactDOM.render(Hello {name}!, document.getElementById("root")); 또 다른 예시를 추가해보겠다. import React from "react";..