본문 바로가기
728x90
반응형

Coding With Jina154

[자바스크립트] select를 이용하여 로컬스토리지에 저장하기 블로그에 비슷한 내용을 계속 올리는 것 같지만 자꾸 이해가 되지 않아 비슷하게 계속 연습 중 HTML 가장 좋아하는 동물은? 강아지 고양이 새 호랑이 토끼 자바스크립트 // 1) html에 있는 select와 연결 const userSelect = document.querySelector("select"); // 2) 로컬스토리지에 value 값이 존재하는지에 대한 함수부터 만든다 // 로컬스토리에 value값을 출력하는 것 function loadAnimal(){ // ① 로컬스토리지에 Key값 "animal"의 value값을 저장할 변수 selected를 만들고 const selected = localStorage.getItem("animal"); // ② selected 가 null이 아닌 경우에 .. 2021. 1. 17.
[리눅스] 설치 및 서버배포 방법 *플레이데이터에서 배웠던 것들 정리해서 옮겨놓은 것임! 1. virtal box 먼저 설치 2. 리눅스 설치 root 암호 root root 그리고 설정할때 태블릿으로 해야 마우스 윈도우와 리눅스 사이에서 사용 가능 호스트키 설정해야 리눅스 안에 마우스 들어가고 나갈 수 있음 3. ModaXtem 설치 리눅스의 이해 1) 종류 레드햇/우분투/CentOs(이거 사용) 2) 구성요소 클라이언트 사용자프로그램 커널(Kernel) -> 장치관리자 등등 실행 -> 사용자프로그램에서 사용하는 언어와 커널에서 사용하는 언어가 다름 -> 셸(shell)을 통해서 커널와 사용자 프로그램 사이의 명령어 해석함 3) 특징 - 오픈소스 - 업그레이드 하거나 버그 개선 속도 빠름(소스코드가 오픈소스이기 때문에 커뮤니티에서 빠르.. 2021. 1. 17.
[자바스크립트] value의 값이 변경 되었을 때 발생하는 이벤트 - change change - change는 폼 컨트롤(value의 값)의 값이 변경 되었을 때 발생하는 이벤트 - input(text,radio,checkbox), textarea, select 태그에 적용 element.addEventListener("change",function( )); select 선택지를 변경해서 선택하면 그 선택한 value 값을 로컬 스토리지에 저장하는 로직 HTML Where are you from? --- Choose Your Country --- Korea Greece Turkey Finland 자바스크립트 const LOCALSTORAGE_KEY = "country", form = document.querySelector(".js-form"), select = form.queryS.. 2021. 1. 17.
[자바스크립트] select를 이용해 저장한 value값 로컬스토리지 출력하기 이건 예전에 했던 거 자바스크립트 const form = document.querySelector(".js-form"), select = form.querySelector(".selectBox"); const USER_LS = "counrty"; //3.currentValue에 저장된 select 벨류값을 로컬스토리지에 저장 function saveCountry(select) { localStorage.setItem(USER_LS, select); } function handleSubmit(event) { //1.일단 이벤트를 멈추고 event.preventDefault(); //2.현재 가지고 있는 벨류값 저장 //const currentValue = select.value; const currentV.. 2021. 1. 16.
[자바스크립트] 로컬 스토리지(LocalStorage) / 세션 스토리지(SessionStorage) ◆ 스토리지(Storage) - 로컬 스토리지 : HTML5에서 추가됨 : window 객체의 하위 객체 : 영구 저장 - 세션 스토리지 : 브라우저 실행 중에만 유효 - 로컬 스토리지와 세션 스토리지는 유효 기간 외에는 사용하는 데 큰 차이가 없음 - 오직 문자형(string) 데이터 타입만 지원 - 예를 들어, 숫자형 데이터를 로컬 스토리지에 쓰고 다시 다시 읽어보면 본래 숫자가 아닌 문자가 나옴 스토리지 종류 구분 유효기간 localStorage 없음(영구적) sessionStorage 브라우저 탭이 열려 있는 동안만 유효하며 종료 시 삭제됨 ◆ 로컬 스토리지(LocalStorage) key와 value - 로컬 스토리지의 저장은 키와 값의 형태로 이루어짐 - 키는 저장된 값을 식별하고 가져오는 데.. 2021. 1. 16.
[자바스크립트] 크리스마스까지 남은 시간 계산하기 HTML 2021년 크리스마스까지 남은 시간은? 00 자바스크립트 const dday= document.querySelector(".dday"); function getTime(){ const now = new Date(); const xMas = new Date("2021-12-25:00:00:00+0900"); console.log(xMas); const timeRemaining = xMas.getTime() - now.getTime(); const day = Math.floor(timeRemaining/(24*60*60*1000)); const hour = Math.floor((timeRemaining/(60*60*1000))%24); const min = Math.floor((timeRemaini.. 2021. 1. 16.
728x90
반응형

티스토리툴바