본문 바로가기
반응형

분류 전체보기253

[JavaScript] Sets 🎉 Sets 집합에는 중복이 존재하면 안된다. 이럴 때 new Set을 사용하면 중복은 제거한 나머지 값이 나타나게 된다. const ordersSet = new Set(['Pasta', 'Pizza', 'Pizza', 'Risotto', 'Pizza', 'Pasta']); console.log(ordersSet); //Set{'Pasta', 'Pizza', 'Risotto'} 그러나 우리가 알던 보통의 객체 모양과는 조금 다른 모양이 나타나게 된다. 우선 new Set을 사용한 ordersSet을 사용하여 size는 length와 비슷하게 사용하고 has는 include 메소드와 비슷하게 사용하여 해당 내용이 있는지 값을 true false로 나타내어 준다. add를 사용하면 아래와 같이 내용을 추가 .. 2022. 3. 28.
[JavaScript] 자바스크립트 처음 공부할 때 도움되는 Quokka 자바스크립트 처음에 공부할 때 하나씩 콘솔에 찍어서 보기가 힘든 경우가 많다 이때 플러그인에서 quokka를 다운받아 보자 플러그인 인스톨 후 오른쪽 버튼을 클릭해서 나같은 경우에는 start Quokka (Run automatically)를 사용하고 있다. 자동으로 계속 결과 값이 나오기 때문에 매우 편리하다 실행 전 Quokka 실행 후 위와 같이 옆에 콘솔 값이 바로 나오는 것을 알 수 있다. 연결해서 창을 띄워놓고 하는 것 보다 편리해서 자주 이용하고 있다. 아직 써보지 않았지만 typescript에도 사용 가능 하다고 한다. https://quokkajs.com/ Quokka - JavaScript and TypeScript playground in your editor Quokka runs y.. 2022. 3. 28.
[JavaScript] for ... of for ... of for...of 명령문은 반복가능한 객체 (Array, Map, Set, String, TypedArray, arguments 객체 등)에 대해서 반복하고 각 개별 속성값에 대해 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루프를 생성한다. 2022. 3. 28.
[JavaScript] 옵셔널체이닝 const weekdays = ['mon', 'tue', 'wed', 'thu', 'fri', 'sat', 'sun']; const openingHours = { [weekdays[3]]: { open: 12, close: 22, }, [weekdays[4]]: { open: 11, close: 23, }, [weekdays[5]]: { open: 0, // Open 24 hours close: 24, }, }; ... if(restaurant.openingHours && restaurant.openingHours.mon) console.log(restaurant.openingHours.mon.open); //옵셔널체이닝 사용 console.log(restaurant.openingHours.fri?.op.. 2022. 3. 26.
[TIL] 2022년 3월 24일 const [checkedInputs, setCheckedInputs] = useState([]); console.log(checkedInputs); const changeHandler = (checked: boolean | any[], id: string | string[]) => { if (checked) { setCheckedInputs([...checkedInputs, id]); } else { // 체크 해제 setCheckedInputs(checkedInputs.filter((el) => el !== id)); } }; .... { changeHandler(e.currentTarget.checked, "올레길"); }} checked={checkedInputs.includes("올레길")} /.. 2022. 3. 25.
[JavaScript] Hoisting(호이스팅) 호이스팅이란? JavaScript에서 호이스팅이란 코드를 실행하기 전에 변수와 함수에 해당하는 scope의 최상단으로 끌어 올리는 것을 말한다. 즉 일부 유형의 변수를 실제로 선언하기 전에 scope를 위로 끌어 올려 사용할 수 있도록 해주는 것이다. (function () { var a = 10; (function () { console.log(a); //undefiend var a = 20; })(); console.log(a); //10 })(); console.log(a); // a is not defined 기존 var는 변수명만 위로 끌어올리고 값이 없기 때문에 undefined로 인식한다. 즉 코드에서 선언되기 전에 우리는 선언된 값을 얻지 못하게 된다. 이러한 행동은 JavaScript에서.. 2022. 3. 24.

티스토리툴바