presentLee

https://medium.com/sjk5766/javascript-object-key-vs-object-key-%EC%B0%A8%EC%9D%B4-3c21eb49b763 https://ko.javascript.info/optional-chaining 즉시실행 https://jongminfire.dev/java-script-%EC%A6%89%EC%8B%9C%EC%8B%A4%ED%96%89%ED%95%A8%EC%88%98-iife https://jjeongil.tistory.com/948 https://ko.javascript.info/try-catch https://meanbymin.tistory.com/36 https://velog.io/@jakeseo_me/%EC%9E%90%EB%B0%94%EC%8A%..

웹/js 2022. 7. 28. 08:20

function ok(inf){ console.log(inf); } function wrong() { console.log("error"); } navigator.geolocation.getCurrentPosition(ok,wrong); 위치 정보를 불러오기 위해 navigator.geolocation 사용. getCurrentPosion(성공 , 실패 )을 이용해 위치 사용권한을 얻었을때, 실패했을때 실행할 함수를 지정. ok함수의 인자에 경도,위도가 담겨있다. 날씨 api 제공 https://openweathermap.org/ 사용. api 키를 발급받고 제공 url에 구한 경도,위도를 넣고 사용함. 해당 url로 fetch()를 사용한다. fetch는 Promise. Promise는 당장 바로얻을 ..

웹/js 2022. 7. 2. 18:04

const todo = document.querySelector("#todo") const todoInput = todo.querySelector("input"); let todos = []; function save(){ localStorage.setItem("todos",JSON.stringify(todos)); } function pressButton(event){ const list = (event.target.parentElement); list.remove(); } function putlist(value){ const list = document.createElement("li"); const span = document.createElement("span"); const button = d..

웹/js 2022. 7. 1. 21:45

const todo = document.querySelector("#todo") const todoInput = todo.querySelector("input"); const todos = []; function save(){ localStorage.setItem("todos",JSON.stringify(todos)); } function pressButton(event){ const list = (event.target.parentElement); list.remove(); } function putlist(value){ const list = document.createElement("li"); const span = document.createElement("span"); const button =..

웹/js 2022. 6. 30. 22:19

const todo = document.querySelector("#todo") const todoInput = todo.querySelector("input"); function putlist(value){ const list = document.createElement("li"); const span = document.createElement("span"); span.innerText=value; list.appendChild(span); const ul = document.querySelector("#list"); ul.appendChild(list); } function addList(event){ event.preventDefault(); const input = todoInput.value;..

웹/js 2022. 6. 29. 22:19

const phrase = [ { one:"It is", two:" test" } , { one:"It's", two:" TEST" } ] const image=[ "0.jpg", "1.jpg", "2.jpg" ] const put = document.querySelector(".ph span:first-child"); const put1 = document.querySelector(".ph span:last-child"); const num = phrase[Math.floor(Math.random()*phrase.length)]; put.innerText = num.one put1.innerText = num.two const num1=image[Math.floor(Math.random()*3)] co..

웹/js 2022. 6. 28. 18:10

setTimeout("함수", ms) refresh 후 몇 ms 후에 함수를 작동시킴. setInterval("함수", ms) 몇 ms 마다 함수를 반복실행. new date(); 시간이 담긴 객체. new date().getHours() 와 같이 사용. const clock = document.querySelector(".clock"); function getTimes() { const time = new Date(); const hour = String(time.getHours()).padStart(2,"0"); const min = String(time.getMinutes()).padStart(2,"0"); const sec = String(time.getSeconds()).padStart(2,"0..

웹/js 2022. 6. 28. 15:00

localstorage.setItem("이름","내용") 으로 저장 localstorage.getItem("이름") 으로 읽을 수 있다. css에서 display: none; 시에 숨길 수 있음. const ok1= document.querySelector("#login"); const link = document.querySelector("h1"); const ok2= document.querySelector("#login input"); function whenEvent(event) { event.preventDefault(); const usern = ok2.value; localStorage.setItem("value2",usern); ok1.classList.add("hidden"); IH(us..

웹/js 2022. 6. 27. 18:19