본문 바로가기

map2

Node.js 교과서 PART2 (2-1) ES2015에는 새로운 자료구조들이 추가 되었다. Map과 Set이다.Map은 객체와 유사하고 Set은 배열과 유사하다고 생각하면 된다. Map은 일반 객체리터럴과 비슷 {}Set은 배열과 비슷 [] 자바스크립트 단점이 하나의 기능에 자유도가 너무 높다.다른 언어는 Map같은 거 하나로 제한되어 있다. Map은 키와 값이 있는 객체다.{'a' : 'b'}const m = new Map;m.set('a','b') //Map {'a' => 'b'} m.set('c','d') // {'a' => 'b' , 'c' => 'd'} 신기한 게 키,값을 각각 객체로 줄 수 있다..일반 객체는 key가 무조건 symbol 아니면 string인데 말이다.const mapEx = new Map();mapEx.set = (.. 2025. 2. 13.
코드분석(To-do-list) 오늘은 To-do-list를 만들어봤다. 투두리스트는 기본기(CRUD)에 정말 좋은 예제라고 생각한다. 어떤 기능인지 살펴보면 ,인풋창에 데이터를 입력하고 버튼을 누르면 밑에 목록이 생기고 ,체크를 하면 밑줄이 처진다.X를 누르면 해당 컴포넌트가 삭제된 것처럼 보이는 기능이다. (현재 서버 없이 혼자 만드는 것이기 때문에 API에 요청을 보내진 않는다.)  전체적으로 보겠다.투두 리스트를 담은 배열 안에,정보들이 담긴 객체가 한덩이 한덩이 있어야 한다.객체 안엔 {id,text , checked}의 앖이 들어가야 한다.그러니까 최종으로 보면 이런 느낌이다. [ {id : 유니크한 값, text : 내가 쓴 내용, isCompleted : true & false} , {id : 유니크한 값, text .. 2024. 7. 24.