STUDY/JavaScript (13) 썸네일형 리스트형 JS | 위치 정보를 통해 현재 날씨 출력하기 ( geolocation / Weather API ) 1. 위치정보 요청 geolocation.getCurrentPosition()메서드를 이용하여 사용자의 위치정보(장치의 위치)를 요청. getCurrentPosition()메서드는 최소 두 개의 매개변수를 입력받음. success와 error 콜백 함수가 기본. 기본 문법 navigator.geolocation.getCurrentPosition(success[, error[, [options]]) function handleGeoSucc(position) { /* Success Handle */ } function handleGeoErr() { /* Error Handle */ } function requestCoords() { navigator.geolocation.getCurrentPosition(h.. JS | localStorage알아보기 localStorage는 사용자의 브라우저에 데이터를 저장할 수 있게 해줍니다. localStorage에는 key와 value를 저장할 수 있으며 그 값들은 모두 String으로 저장해야 합니다. sessionStorage와의 차이점? 세션스토리지는 세션이 종료되면 저장된 데이터가 모두 사라지지만, 로컬스토리지에 저장된 데이터는 만료기간이 없습니다. 즉, 브라우저가 종료되면 세션스토리지에 저장된 데이터는 사라지고 로컬스토리지에 저장된 데이터는 사라지지 않습니다. 세션스토리지는 탭/창 마다 각각 다른 세션 스토리지를 생성합니다. 1. 데이터 저장하기 setItem(key, value)을 이용하여 데이터를 저장합니다. 이 때 로컬스토리지는 모든 값을 문자열로 저장해야 하기 때문에 object를 JSON.st.. JS | Date알아보기 ( + 남은 날짜 및 시간 구하기) Date는 자바스크립트에 내장되어있는 객체로 1970년 1월 1일 00:00 UTC(국제 표준시)으로부터 지난 시간을 밀리세컨드 단위로 나타내는 유닉스 타임스탬프를 사용합니다. 밀리초/밀리세컨드(millisecond, ms)? 1000분의 1초를 나타내는 단위로 1000밀리세컨드는 1초와 같다. Date사용해보기 new연산자를 사용해 Date객체를 생성. 아무런 인자값을 넣지 않으면 기본으로 생성한 시점의 시간으로 생성됨. const CURRENT_DATE = new Date(); console.log(CURRENT_DATE); 특정 날짜로 Date객체를 생성하려면 인자값으로 특정 날짜를 입력. const BIRTH_DAY = new Date("1995-12-28"); +) 두 날짜간의 차이(일 수) 구.. JS | ECMA Script? / ES6 살짝 알아보기 순수 자바스크립트는 바닐라 스크립트(Vanilla JS)고... es5, es6..은 또 뭘까 싶어 이참에 다 알아보기로 했습니다. ECMA Script는 ECMA International이라는 표준화 기구에 의하여 표준화된 스크립트 언어라는 뜻입니다. 표준화, 규격화된 스크립트 언어가 ECMA Script이고, 이의 약자가 ES이며 ES뒤에 붙는 숫자들은 버전, 사양 정도라고 이해하면 쉽습니다. ES6?ES6는 ECMA Script 2015와 같은 말입니다. 물론 ES5, ES4 등 이전 버전도 있고(ES3가 가장 흔히 알고있는 자바스크립트) 현재 ES10까지 나왔는데 ES6가 아직까지도 가장 많이 언급되는 이유는 아무래도 가장 큰 변화가 있었기 때문인듯합니다.어디선가 들어봤을 '모던 자바스크립트', .. JS | 바닐라 자바스크립트? (Vanilla JS) 바닐라 자바스크립트(Vanilla JS)의 공식 홈페이지(?)는 바닐라 자바스크립트를 빠르고, 가벼운 크로스 플랫폼 프레임워크라고 소개합니다. 바닐라 자바스크립트란 어떠한 라이브러리나 프레임워크를 사용하지 않고 오직 자바스크립트만 사용하는 것을 말합니다. 즉, jQuery, React, Vue, Angular등을 사용하지 않고 순수 자바스크립트 코드만 작성하는 것이 바로 바닐라 자바스크립트입니다. +) 공식 홈페이지 Vanilla JS Vanilla JS Vanilla JS is a fast, lightweight, cross-platform framework for building incredible, powerful JavaScript applications. Introduction The Vanil.. 이전 1 2 다음
