본문 바로가기

02. JavaScript

(37)
[JavaScript]History API 홈페이지를 제작할 때 오류 페이지 제작 도중 사용했던 history 객체 정리. 참고 https://developer.mozilla.org/en-US/docs/Web/API/History_API History API - Web APIs | MDN The History API provides access to the browser's session history (not to be confused with WebExtensions history) through the history global object. It exposes useful methods and properties that let you navigate back and forth through the user's history, an dev..
JavaScript_etc. 헷갈리던 기본 개념 정리 봤던 문법들인데 개인적으로 헷갈리던 개념들 정리 ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com ● for-in for-in문은 데이터 타입중 배열뿐만 아니라 Ojbect에도 사용할 수 있는 반복문이다. Object 내에 정의된 키 값의 수만큼 코드 블록을 실행 ● for-of for-of문은 Array, Map, String 등 iterable(반복 가능..
JavaScript_03. 내장 객체_Symbol ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com 자바스크립트 기본 자료형에는 String, Number, Boolean, Undefined, Null, Symbol이 있다. Symbol은 자바스크립트에서 절대 충돌이 일어나지 않는 유일한 key 값을 만들어준다. 자주 쓰이는 문법은 아니지만 쓰이는 곳이 있으니 어떤것인지 알아두자. 교재에는 내용 자체가 별로..
JavaScript_03. 내장 객체_Window ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com window 객체는 전역(Global) 객체이다. ● alert() 윈도우 화면에 경고 메세지를 출력한다. ● confirm() 진행할지, 종료할지에 대한 진행 여부를 확인하는 함수이다. ● prompt() 문자열을 입력받을 수 있는 함수이다. ● window.open() 윈도우 새 창/새 탭으로 지정한 ur..
JavaScript_03. 내장 객체_JSON ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com JSON(JavaScript Object Notation)은 데이터를 저장하거나 전송할 때 많이 사용되는 경량의 DATA 교환 형식이다. JSON은 데이터 포맷일 뿐이며 특정 통신 방법도, 프로그래밍 문법도 아닌 단순히 데이터를 표시하는 방법이다. ㆍ서버와 클라이언트 간의 데이터 전송 시 많이 사용된다. ㆍ자..
JavaScript_03. 내장 객체_Math ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com Math 객체는 수학적인 상수와 내장 함수를 가진 객체이다. 다른 객체와 달리 Math는 생성자가 아니다. Math는 숫자 자료형만 지원한다. ● Math.round() 숫자에 대한 반올림 처리를 한다. ● Math.ceil() 숫자에 대한 무조건 올림 처리를 한다. ● Math.floor() 숫자에 대한 무..
JavaScript_03. 내장 객체_Map ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com Map 객체는 Object와 매우 유사하다. Map 객체는 키(key)와 값(value)을 맵핑시켜서 값을 저장하며 저장된 순서대로 각 요소에 접근할 수 있다. ● set() Map 객체에 데이터를 저장할 때는 파라미터로 키와 값을 이용하면 된다. ● get() Map 객체에 저장된 데이터를 읽을 때는 get..
JavaScript_03. 내장 객체_Set ※ 본 내용은 해당 교재를 참고하여 공부한 내용과 본인의 생각을 정리한 글입니다. https://www.yes24.com/Product/Goods/105608999 바닐라 자바스크립트 - 예스24 실무 역량까지 한 번에 잡을 수 있는바닐라 자바스크립트 이론서자바스크립트는 이제 브라우저를 넘어 웹 애플리케이션뿐만 아니라 마이크로 컨트롤러까지 점점 사용하는 곳이 늘어나고 있다. www.yes24.com Set 객체는 배열(Array)처럼 값들의 집합이다. 배열처럼 데이터 타입에 상관없이 값을 추가할 수 있다. 배열과 가장 큰 차이점은 Set는 중복 값을 허용하지 않는다. 즉 Set는 유일한 값을 보장한다. Set에 데이터를 추가해서 저장하려고 하면, 기존에 동일한 값이 저장되어 있는지 확인하고 이미 저장되어..