'웹 언어 배우기/JavaScript' 카테고리의 글 목록 (2 Page)

웹 언어 배우기/JavaScript (11)

key, value 데이터를 저장할 수 있는 Local Storage 사용법

웹 언어 배우기/JavaScript 다한(dahan) 2019. 4. 25. 16:23

웹 서버에서 데이터를 저장하는 방법도 있지만 클라이언트 즉, 웹 브라우저에서 key값과 value 값 데이터를 저장할 수 있는 Local Storage 속성이 있다. 사용 용도는 임시 저장 기능, 장바구니, 서버에 저장할 필요가 없는 경우 등이다. Local Storate 속성은 기본적으로 string(문자열)로 저장된다. 저장은 localStorage.setItem(key,value);로 저장할 수 있다. 또한, 불러오는 방법은 localStorage.getItem(key);로 불러올 수 있다. 예제를 통해 이해해보자. const form = document.querySelector('.js-form'), input = form.querySelector('input'), helloText = docum..

웹 브라우저에 시, 분, 초가 돌아가는 시계 만들기

웹 언어 배우기/JavaScript 다한(dahan) 2019. 4. 14. 17:03

00:00:00 디자인을 제외한다. 실질적으로 h1 안에 있는 것을 바꾸려고 한다. const jsClock = document.querySelector('.js-clock'); const clock = jsClock.querySelector('h1'); function clock(){ const date = new Date(); const hour = date.getHours(), minute = date.getMinutes(), second = date.getSeconds(); // clock.innerHTML = `${hour} : ${minute} : ${second}`; clock.innerHTML = `${hour < 10 ? `0${hour}` : hour} : ${minute < 10 ? ..

javascript "자바스크립트는 동적으로 변경해주는 언어"

웹 언어 배우기/JavaScript 다한(dahan) 2019. 1. 14. 07:00

HTML과 CSS는 정적인 언어입니다. 코드를 작성하면 그 코드에 대해서만 화면에 보인다는 뜻입니다. 하지만 javascript는 HTML과 CSS로 만들어진 웹페이지를 동적으로 변경해주는 언어입니다. 즉, 기능을 만드는 언어라고 할 수 있습니다. 경고창을 띄운다거나 더 보기 기능을 만들 수도 있고 움직이는 이미지를 만들 수 있습니다. 웹페이지를 만들 때 필요한 언어는 크게 3가지입니다. HTML로 뼈대를 만들고 CSS로 디자인적인 요소를 관리하고 javascript로 웹페이지의 기능 즉, 동작을 관리합니다. 라이브러리와 프레임워크 자바스크립트는 웹 개발은 물론 다른 곳에서도 사용할 수 있습니다. 그래서 응용할 수 있는 범위가 무궁무진합니다. 그래서 자바스크립트는 라이브러리나 프레임워크가 개발자들 사이에..

1
2

Copyright © 다한의 웹 블로그 All Rights Reserved

Designed by JB FACTORY

티스토리툴바