DB에서 이미지 url을 받아와서 이미지를 표기하는데, 이미지가 만료된 링크가 많아서 유효성 검사를 하는 코드를 추가해줬다. 그냥 두면 오류난 것 같잖아!!!!!!! 😭😭😭😭😭 function checkImageValidity(url) { var img = new Image(); img.onload = function() { // 이미지가 로드되었을 때 실행할 코드 console.log('이미지가 유효합니다.'); }; img.onerror = function() { // 이미지 로드에 실패했을 때 실행할 코드 console.log('이미지 로딩에 실패했습니다.'); }; img.src = url; } var imageUrl = 'http://example.com/image.jpg'; checkImage..
자바스크립트 엔진(JavaScript engine) 자바스크립트 코드를 실행하여 웹 페이지의 동적인 기능을 제공하는 인터프리터 동작 원리 자바스크립트는 콜스택과 메모리힙이라는 메모리 구조를 통해 데이터 및 코드 실행을 관리한다. 엔진의 주요 구성요소 1) Memory Heap : 메모리 할당이 일어나는 곳 2) Call Stack : 코드 실행에 따라 호출 스택이 쌓이는 곳 Execution Context (실행 컨텍스트) 실행 컨텍스트란 실행할 코드에 제공할 환경 정보들을 모아놓은 객체를 의미한다. 자바스크립트는 실행 컨텍스트가 활성화되는 시점에 선언된 변수를 위로 끌어올리고 호이스팅, 외부 환경 정보를 구성하고, this 값을 설정하는 등의 동작을 수행한다. 컨텍스트의 구성 요소 Variable En..
🤢 SyntaxError: Cannot use import statement outside a module 에러가 떴을 때 1. package.json에 한 줄 추가 "type": "module" 2. babel을 사용하기 1. babel 설치하기 npm install --save-dev @babel/core npm install @babel/preset-env --save-dev 2. babel.config.json에 추가하기 { "presets": ["@babel/preset-env"] } 3. package.json script 변경하기 "scripts": { "dev": "babel-node server.js" },
