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..
🚫 Event.preventDefault() preventDefault()는 이벤트를 명시하지 않은 경우, 해당 이벤트에 대한 기본 동작을 실행하지 않도록 해주는 메서드이다. 예제를 살펴보자. 예제 HTML 삽입 미리보기할 수 없는 소스 event.prevenDefault()를 사용함으로써, 체크박스의 기본 기능인 체크와 제출하면서 페이지가 새로고침되는 것을 막을 수 있었다. 플젝을 하면서 form의 submit 이벤트 때문에 페이지가 refresh되는 것을 막기위해 많이 사용했던 것 같다. ajax를 이용하여 비동기적으로 데이터를 받아올 때 사용하면 좋다. 더보기 Event.preventDefault() - Web API | MDN Event 인터페이스의 preventDefault() 메서드는 어떤 이..
🤢 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" },
자바스크립트에는 "없다"의 개념을 나타내는 값이 두가지가 있다. 바로 undefined와 null이다. undefined는 사용자가 명시적으로 지정할 수도 있지만 값이 존재하지 않을 때 자바스크립트 엔진이 자동으로 부여하는 경우도 있다. 즉, 자바스크립트 엔진은 사용자가 어떤 값을 지정할 것이라고 예상되는 상황임에도 실제로는 그렇게 하지 않았을 때 undefined를 반환한다. 값을 대입하지 않은 변수 객체 내부의 존재하지 않는 프로퍼티에 접근 return 문이 없거나 호출되지 않은 함수의 실행결과 다음의 3가지 경우에서 자바스크립트 엔진은 undefined를 반환한다. undefined는 그 자체로 값이다. 따라서, undefined가 비록 '비어있음'을 의미하긴 하지만 하나의 값으로 동작한다. 3줄요..
