TopCode

📒 OMDB API란? OMDb API는 영화 정보를 얻기 위한 RESTful 웹 서비스이며 사이트의 모든 콘텐츠와 이미지는 사용자가 제공하고 유지 관리합니다. 📒 사용방법 Usage Send all data requests to : http://www.omdbapi.com/?apikey=[yourkey]& Poster API requests: http://img.omdbapi.com/?apikey=[yourkey]& 📒 Query String Query : 검색 String : 문자 데이터 주소?속성=값&속성=값&속성=값 📒 Axios로 가져오기 Promise based HTTP client for the browser and node.js ⇒ HTTP요청을 처리해주는 JS 패키지 OMDb API - ..

💼 localStorage란? localStorage 읽기 전용 속성을 사용하면 Document 출처의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다. Application ⇒ Storage localStorage : 데이터를 반영구적으로 사용가능 sessionStorage: 페이지를 닫을 때 데이터가 지워짐. Window.localStorage - Web API | MDN localStorage 읽기 전용 속성을 사용하면 Document 출처의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다. developer.mozilla.org localStorage.setItem('myCat', 'Tom'); const cat =..

✏️ 얕은 복사 Shallow Copy const copyUser = Object.assign({}, user) // 복사 : .assign(대상객체, 출처객체) ✏️ 깊은 복사 Deep Copy const copyUser = {...user} // 전개 연산자를 사용하여 복사. 깊은 복사 : lodash 사용 (.cloneDeep) Lodash Documentation _(value) source Creates a lodash object which wraps value to enable implicit method chain sequences. Methods that operate on and return arrays, collections, and functions can be chained tog..

🍋 JS 불변성 데이터 불변성 (Immutability) 원시형 데이터 : 불변, (String, Number, Boolean, undefined, null) 참조형 데이터 : 가변, (Object, Array, Function) 원시 값 - 용어 사전 | MDN JavaScript에서 원시 값(primitive, 또는 원시 자료형)이란 객체가 아니면서 메서드도 가지지 않는 데이터입니다. 원시 값에는 7종류, string, number (en-US), bigint (en-US), boolean, undefined, symbol, 그리고 null이 developer.mozilla.org JavaScript에서 원시 값(primitive, 또는 원시 자료형)이란 객체가 아니면서 메서드도 가지지 않는 데이터입..

🍋 JS 숫자 데이터 toFixed() : 괄호 안에 숫자만큼의 소수점 뒷자리까지 문자로 바꿈 parseInt() : 문자열을 정수로 변환 parseFloat() : 문자열을 실수로 변환(소수점 단위 포함) const pi = 3.14159265358979 console.log(pi) const str = pi.toFixed(2) // 소수점 뒷자리까지 문자로 바꿈 console.log(str) console.log(typeof str) // 전역함수 // setTimeout, setInterval, clearTimeout, clearInterval const integer = parseInt(str) // 문자열을 정수로 변환 const float = parseFloat(str) // 문자열을 실수로 ..