Programming/HTML CSS JS

Programming/HTML CSS JS

[HTML] 이미지 오류 시 사용

onerror="this.onerror=null; this.src='https://kr.object.ncloudstorage.com/team1-bucket/group.jpg';" img 태그 속성으로 추가

Programming/HTML CSS JS

[JS] [Error] Uncaught TypeError: $.ajax is not a function

Uncaught TypeError: $.ajax is not a function html 파일을 실행했더니 console 창에 위와 같은 오류가 발생했다. 이유는 js 라이브러리를 불러 올 때 발생한 오류이다. jquery-3.5.1.slihttp://m.min.js을 해석해보면 jquery의 버전이 3.5.1이고 slihttp://m.min.js라는 확장자를 가지고 있는데 js는 javascript, min은 원본을 압축한 파일을 의미하고 slim은 해당 버전에서 필요없다고 생각하는 패키지를 제거한 파일을 의미한다. 즉, 3.5.1버전의 원본에서 필요없는 패키지를 제거한 압축 파일을 불어온 것이다. 여기서 필요없다고 생각하여 제거된 패키지 중 하나가 ajax여서 jquery-3.5.1.slihttp:/..

Programming/HTML CSS JS

[JS] 객체 생성

Object() 생성자 Object 생성자는 객체 래퍼(Wrapper)를 생성한다. 이 방법은 권장하지 않는다. var user = new Object(); user.name = 'Sean'; user.insterests = ['Traveling', 'Workout'] user.greeting = function() { console.log('Hi, I\'m ' + this.name + '.'); }; user.greeting(); // output // HI, I'm Sean. 객체 리터럴 객체 래퍼를 사용하는 것보다 객체 리터럴을 사용하는 것을 권장한다. ES5부터 객체 리터럴에서 getter와 setter 접근자를 지원한다. var user = { name: 'Sean', interests: ['T..

Programming/HTML CSS JS

[JS] 래퍼 객체 (Wrapper Object)

원시 값을 처리할 때, . 임시적으로, 원시 값을 래퍼 객체로 처리하고, . 처리가 끝나면, 곧바로 메모리에서 삭제됨 ㅇ 따라서, 래퍼 객체이란? - 단순히 값에 불과한 기본형/원시형 데이터를, 임시/암묵적으로 포장(래퍼)시켜, - 객체에서 제공하는 다양한 프로퍼티 및 메소드를 활용할 수 있게 하자는 것임 ㅇ 래퍼 객체 종류 : Number, String, Boolean 객체 - 원시 타입인 숫자형,문자열형,불리언형에 각각 대응하는 객체 타입으로, Number,String,Boolean이 있음 . Number 객체 : 수치형 값을 직접 조작하기 위한 래퍼 객체 . String 객체[JS] : 문자열형 값을 직접 조작하기 위한 래퍼 객체 . Boolean 객체 : 논리형 값을 직접 조작하기 위한 래퍼 객체..