javascript (3) 썸네일형 리스트형 [JavaScript] Map이란? Map 간단한 키와 값을 서로 연결(매핑)시켜 저장하며 저장된 순서대로 각 요소들을 반복적으로 접근할 수 있도록 한다. 일반 객체와 다른점 일반 object도 키-값 쌍을 저장하지만 순서를 기억하지는 않는다 하지만 Map의 키-값은 정렬되고,삽입순으로 순회가 이뤄진다. 그리고 object와는 달리 Map의 키는 함수, 객체 등을 포함한 모든 값이 가능 하다. map 사용하기 set(key,value) -> 저장 get(key) -> key에 해당하는 값을 가져온다 has(key) -> key에 해당하는 값이 있는지 확인 ( 있을경우 ture, 없는경우 false 반환 ) delete(key) -> ket에 해당하는 값을 삭제 ( 삭제시 ture , 없는값이거나 삭제되지않는경우 false반환 ) size .. ES6(ECMAScript6) 정리 ES6란? 개선된 JavaScript문법 자바스크립트는 ES5와 ES6기준으로 문법과 표현에서 많은 개선이 일어났다. 1 화살표 함수 (Arrows Function) 일반 함수 표현보다 구문이 짧고 this를 바인딩 하지 않아도 된다. 화살표 함수는 항상 익명함수이다. // 매개변수가 없는 경우 var foo = () => console.log('bar'); foo(); // bar // 매개변수가 하나인 경우 var foo = x => x; foo('bar'); // bar // 매개변수가 여려개인 경우 var foo = (a, b) => a + b; // 간단하게 한줄로 표현할 땐 "{}" 없이 값이 반환됩니다. foo(1, 2); // 3 2 변수의 선언 (let, const) let은 변수 (변하.. [Meterial-UI] DatePiker Api 모아놓은 곳 input type=month 을 사용해서 YYYY-MM 순으로 날짜를 선택하게 만들어야 하는 부분이 있었다. 아래 사진처럼 년도와 날짜를 선택하는 것인데, 편리하다고 신나서 코딩하다가 무심코 사파리를 켯는데 사파리는 지원이 안되어서 직접 키보드로 입력을 해야했다.. 날짜 중 하나는 빈칸으로 가야하는 점과 , 시작일, 종료일 중 종료일이 시작일보다 앞서면안되고 하는 등의 조건을 걸어주어야하는데, 이렇게 되다보니 모든 조건을 이중으로 걸어줘야해서 material ui로 변경해서 진행하기로 했다. DatePicker API Here you can find the full list and description for DatePicker props. material-ui-pickers.dev material-u.. 이전 1 다음
