모던 웹브라우저에서 돌아가는 스크립트들은 대부분 HTML보다 ‘무겁다’. 용량이 커서 다운로드받는 데 오랜 시간이 걸리고 처리하는 것 역시 마찬가지이다.사용자가 HTML파일을 다운로드 받았을 때 브라우저는 HTML을 한줄씩 읽으며 CSS와 병합하여 DOM 요소로 변환한
use strict암묵적인 "느슨한 모드(sloppy mode)"를 해제하고,명시적인 "엄격 모드(Strict Mode)"를 사용하는 방법이다.ECMAScript 5부터 추가된 use strict는 JS(자바스크립트)의 제한된 버전을 선택함으로써 런타임시, JS 코드에
블로그를 보면서 타입스크립트를 공부하다가 e.target과 e.currentTarget이 다르다는 것을 알고, 무엇이 어떻게 다른지 개념을 이해하고자 정리해본다.event.currentTarget == the element to which the event handle
이 포스팅은 김민준님의 '리액트를 다루는 기술'에서 일부를 발췌하여 요약한 글입니다.화살표 함수(arrow function)는 ES6 문법에서 함수를 표현하는 새로운 방식입니다. 그렇다고 해서 기존 function을 이용한 함수 선언 방식을 아예 대체하지는 않습니다.
아래 animal 객체가 있고, rabbit을 삭제하는 코드이다.const animal = { rabbit: "토끼", lion: "사자", tiger: "호랑이"};console.log("const { rabbit, ...otherAnimal } = animal
js이벤트란 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 의미한다.웹 페이지에 사용된 자바스크립트는 이렇게 발생한 이벤트에 반응하여 특정 동작을 수행할 수 있다.대표적인 이벤트 타입으로는 click, blur, focus 등이 있다.HTML 요소에 이벤트
타겟을 지정한 객체로 다른 객체의 속성을 복사한다.출력은 아래와 같다.기존 target 객체의 속성이 변경되거나 추가되었다.리턴으로 받은 returnedTarget 객체는 사실 target 객체와 같은 객체를 참조하고 있다.같은 속성 이름(키)이 있다면 덮어쓰기가 되며
React로 프로젝트를 진행하던 중 모달이 아닌 팝업창을 통해 데이터를 전달하고 전달 받는 케이스가 생겼다.모달도 아니고 새 팝업창인데 어떻게 데이터를 주고 받아야하나 고민하던 차에 구글링과 chatGPT의 도움으로 해결하여 기록하고자 한다.window.open 을 사