공부블로그

자바스크립트에서 자료를 가져오고 뿌릴 때 자주 사용하게 되는 구조분해 할당을 정리해보자 간단하게 말하면 객체안의 각각의 요소를 하나씩 분해해주는 것~ 기본할당 var o = {p: 42, q: true}; var {p, q} = o; console.log(p); // 42 console.log(q); // true 새로운 변수 이름으로 할당 var o = {p: 42, q: true}; var {p: foo, q: bar} = o; console.log(foo); // 42 console.log(bar); // true 기본값 : 객체로부터 해체된 값이 undefined인 경우 변수에 기본값을 할당할 수 있다. var {a = 10, b = 5} = {a: 3}; console.log(a); // 3 c..

1. window에서 제공하는 window.confirm기능 사용 const onClickConfirm = () => { if(window.confirm('삭제하시겠습니까?')){ alert('ok') }else{ alert('cancel') } } 장점 : 진짜 간단하다 단점 : 커스텀이 안된다 (내가 알기로는) = 이쁘지가 않다 2. createPortal로 모달창 구현하기 portal = 컴포넌트를 부모 컴포넌트 바깥에 렌더링해주는 것 1. public / index.html 에 Modal이 렌더링 될 위치 심어주기 //modal의 부모 컴포넌트 portal을 구현할 tree의 부모 컴포넌트를 어디로 설정할지 정하는 것 따로 만들어도 되고 나는 그냥 'root'에 구현할거라서 코드를 수정하지는 않았..

변수 기본적으로 자바스크립트의 변수는 '동적'이다. (dynamic variables) 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당 (및 재할당)이 가능. 변수 생성과정은 1. 선언 2. 초기화 3. 할당 자바스크립트의 변수는 let, const, var var : 1. 선언 + 초기화 2. 할당 ( 할당 전 호출 시 undefined로 초기화되어 있음 ) let : 1. 선언 2. 초기화 3. 할당 ( 호이스팅되면서 선언이 이루어지지만 실제 코드에 도달해야 초기화 ) const : 1. 선언 + 초기화 + 할당 ( 불변 ) var는 함수 스코프 ( 함수 내부에서만 지역변수 ), let과 const는 블록 스코프 ( 블록 내부는 모두 지역변수 ) Temporal Dead Zone의 영향을..