본문 바로가기

Study/JAVASCRIPT6

JavaScript 에러 - ERR_ABORTED 404 ~ 문제 : js 또는 css 파일이 정상적으로 로드되지 않음 해결 방법1 : 리눅스 서버일 경우 소문자 대문자 확인 해결 방법2 : 경로 두번 찍히지 않는지 확인(경로가 두번 찍힐 경우 통신 경로가 잘못되었을 가능성이 있음) 2021. 7. 6.
JavaScript 에러 - Failed to execute 'createObjectURL' on 'URL': Overload resolution failed. ~ 문제 : URL.createObjectURL({param}); 사용 시 발생 해결 방법 : {param}에 들어갈 객체는 data객체가 아닌 Blob, File, MediaSource Object 여야 함 참조 : https://stackoverflow.com/questions/27120757/failed-to-execute-createobjecturl-on-url/33759534 2021. 7. 6.
JavaScript 에러 - Maximum call stack size exceeded ~ 문제 : 리스트가 뜨지 않음, 무한정 리스트 불러오는 함수를 콜 해서 발생 해결 방법 : 재귀적인 로직(끝나지 않는 로직이 있다면) 변경 2021. 7. 6.
JavaScript - 함수 선언 위치, 함수 선언식, 함수 표현식, 호이스팅 JavaScript에서 함수를 사용할 때는 두가지 방법이 있다. 함수 선언식 함수 표현식 1. 함수 선언식 예 a();//a가 출력됩니다. function a(){ console.log('a가 출력됩니다.'); } 2. 함수 표현식 예 b();//error const b = function () { console.log('b가 출력됩니다.'); } JavaScript는 2번 함수 표현식처럼 함수를 변수에 담을 수 있다. 여기서 중요한건 2번 '함수 표현식'은 에러가 발생한다는 점이다. 왜 에러가 발생할까? '호이스팅' 때문이다. 호이스팅이란? 호이스팅은 JavaScript에서 실행 콘텍스트(특히 생성 및 실행 단계)가 어떻게 동작하는가에 대한 일반적인 생각으로 여겨집니다. 이 친구가 하는 그 '호이'가 .. 2021. 1. 4.
JavaScript - 그레이브액센트(어퍼스트로피, `) Javascript상에 html 코드를 위치시키거나 특정 변수를 삽입 시키기 위해 사용된다. 예1) function abcd(){ return ` `; } 예2) var location = templateHTML(title, list, `${title}${description}`); 2019. 1. 14.
JavaScript - 인터넷익스플로러에서 console.log 사용 IE에선 console.log가 먹히지 않는다.때문에 Javascript debuging 시 alert을 쓰면서 애를 먹는데, IE8부터 window.console 객체가 등장한다. 하지만 해당 객체는 개발자 도구가 열려있지 않으면 해당 객체를 null로 인식해 에러를 뿜뿜한다. 따라서 해당 문제를 해결하기 위해선 다음과 같이 사용하면 된다.window.console && console.log('hi'); 또는 다음과 같이 window.console 객체가 null인지 판단하면 된다.if(window.console != null){console.log("hi"); } 참조 : http://blog.acronym.co.kr/502 2019. 1. 14.