반응형 javascript4 37장 Set과 Map * 해당 글은 모던 자바스크립트 Deep Dive를 공부하며 정리한 글입니다. * Set 정의 : Set 객체는 중복되지 않는 유일한 값들의 집합을 말한다. 특징 - 동일한 값을 중복하여 포함할 수 없다. - 요소 순서에는 의미가 없다. - 인덱스로 요소에 접근할 수 없다. - 수학적 집합을 구현하기 위한 자료구조다. (교집합, 합집합, 차집합, 여집합) 1. Set 객체 생성 const set = new Set(); 참고로 이터러블을 인수로 전달받아서 객체를 생성해야 한다. 이터러블 안에 있는 중복된 값은 요소로 저장되지 않는다. const set1 = new Set([1, 2, 3, 3]); console.log(set1); // Set(3) {1, 2, 3} 2. 요소 개수 확인 Set 객체의 요소.. 2022. 11. 20. 리액트, 웹에 관한 간단한 개념 소개 및 자바스크립트 문법 정리 Section 1 React.js - 클라이언트 사이드의 JavaScript 라이브러리 과거에는 사용자가 링크나 버튼을 클릭하면, 서버와 통신 후 새로운 HTML 페이지를 보여줌 이제는 자바스크립트를 통해서 새 페이지를 요청하지 않고, JS가 HTML DOM 요소를 조작해서 사용자에게 화면을 보여줄 수 있게 됨 리액트가 필요한 이유 ? 자바스크립트만 이용한다면 한 개의 기능에 필요한 모든 단계의 코드들이 전부 서술되어야 함 = 명령적 접근법 (Imperative Approach) 낮은 단계의 코드들 (예를 들어 document.createElement)은 React 라이브러리에 의해 미리 정의되어서 사용됨 => 이러한 이유로 리액트는 개발자가 복잡한 사용자 인터페이스를 훨씬 쉽게 구현할 수 있도록 해줌 .. 2021. 11. 25. 함수형 자바스크립트 기본기 회사 업무에서 리액트를 다루는데, 자바스크립트 기본이 되어 있지 않은 상태에서 업무 처리를 하기가 매우 힘들었다. 더군다나, 핵심 기능들은 자바스크립트 함수형으로 많이 구현되어 있었다. 회사 교육비를 지원받아서 듣게 된 강의이다. 공부한 내용을 기록하기 위해서 작성하는 게시글. 다 수강할 때까지 블로그에 배운 내용을 정리할 생각이다. 평가 : 코드가 계산(Evaluation)되어 있는 값을 만드는 것 일급 - 값으로 다룰 수 있다. - 변수에 담을 수 있다. - 함수의 인자로 사용될 수 있다. - 함수의 결과로 사용될 수 있다. const a = 10; const add10 = a => a + 10; const r = add10(a); add10(a); 일급 함수 - 함수를 값으로 다룰 수 있다. - 조.. 2021. 10. 31. 자바스크립트) 변수와 자료형 참고하기 좋은 사이트 : https://ko.javascript.info/ 참고한 강의 : https://www.youtube.com/watch?v=KF6t61yuPCY&ab_channel=코딩앙마 변수 자바스크립트에서 변수를 선언할 때는, 변하지 않는 값은 const, 변할 수 있는 값은 let으로 선언한다. 변수는 문자와 숫자, $, _ 만 사용 첫 글자는 숫자가 될 수 없음 예약어는 사용할 수 없음 가급적 상수는 대문자로 작성 변수명은 읽기 쉽고 이해할 수 있게 선언 자료형 1) 문자 const name1 = "Mike"; const name2 = 'Mike'; const name3 = `Mike`; // (`` 백틱 사용) 문자열에 변수를 사용하고 싶다면, const message3 = `I'm .. 2021. 10. 11. 이전 1 다음 반응형
