hoist:(흔히 밧줄이나 장비를 이용하여) 들어[끌어]올리다 🐣 Hoisting- MDN JavaScript 호이스팅은 인터프리터가 코드를 실행하기 전에 함수, 변수, 클래스 또는 임포트(import)의 선언문을 해당 범위의 맨 위로 끌어올리는 것처럼 보이는 "현상"을 뜻합니다. 자바스크립트 엔진은 코드를 실행하기 전 실행 가능 한 코드를 형상화 하고 구분하는 과정(*실행 컨텍스트)을 거칩니다. *실행 컨텍스트: 실행 가능한 코드가 실행되기 위해 필요한 환경 자바스크립트 엔진은 실행 컨텍스트의 과정에서 모든 선언 (var, let, const, function, class) 를 스코프에 등록합니다. *스코프: 식별자(변수, 함수, 클래스) 가 유효한 범위 자바스크립트 엔진이 스코프를 통해 어떤 변수를 ..
javascript
쇼핑몰 제작 프로젝트를 진행하며 구현한 모달 창 입니다. 👉 목표 취소/확인 이 있는 모달창 컴포넌트화 하기 모달 영역 외 배경은 어둡게 처리하기 모달이 닫히는 조건 영역 밖 클릭 시 취소/ 확인 버튼 클릭 시 모달이 열리는 조건 버튼 클릭 시 👉 고려 사항 다른 페이지에서 재사용할 것인데, 텍스트 내용이 다를 수 있다. 확인 버튼 클릭 시 주문취소 인 경우 주문번호가, 반품신청 인 경우 각 주문번호+알파가 백앤드에 전달되야 한다. (나중 구현 예정) 🌝 구현 1️⃣ 모달 창을 먼저 컴포넌트화 했습니다. modal의 css 파일을 따로 만들면 css 파일이 많아지고 각 클래스 작명을 잘해야 한다는 귀찮음이 있어 styled-components를 이용했습니다. 참고로 styled-components 을 잘..
