공부기록용

https://nomadcoders.co/javascript-for-beginners/lobby 바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders Javascript For Beginners nomadcoders.co 🔴navigator.geolocation.getCurrentPosition(success, error, [options]) Geolocation.getCurrentPosition() 메서드는 장치의 현재 위치를 가져온다.(Geolocation API 메소드) navigator.geolocation.getCurrentPosition(success, error, [options]) 매개변수 success : GeolocationPosition 객체를 유일한 매개변수로 받는 ..

https://nomadcoders.co/javascript-for-beginners/lobby 바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders Javascript For Beginners nomadcoders.co todo생성을 위한 뼈대 작성 (입력과 값을 저장) 00:00:00 // todo.js const toDoForm = document.getElementById('todo-form'); const toDoInput = toDoForm.querySelector("input"); // id가 todo-form을 가진 요소를 toDoForm 변수로 지정했고, 그 중에서 를 선택하자 const toDoList = document.getElementById('todo-list')..

https://nomadcoders.co/javascript-for-beginners/lobby 바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders Javascript For Beginners nomadcoders.co 🔴Math 🔴createElement() 🔴.appendChild() Math Math.random()_0보다 크거나 같고 1보다 작은 무작위 숫자(random number)를 반환합니다. 임의의 부동 소수점을 반환한다. 반환된 부동 소수점은 0부터 1 미만이다. 즉, 0은 포함되지만 1은 포함되지 않는다. Math.round()_인수로 전달받은 값을 소수점 첫 번째 자리에서 반올림하여 그 결괏값을 반환합니다. 인수의 소수점 이하를 반올림한 정수를 반환한다. Math.r..

https://nomadcoders.co/javascript-for-beginners/lobby 바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders Javascript For Beginners nomadcoders.co 🔴setTimeout / setInterval 🔴Date 🔴padStart() 일정 시간이 지난 후에 원하는 함수를 예약 실행(호출)할 수 있게 하는 것을 '호출 스케줄링(scheduling a call)'이라고 합니다. 호출 스케줄링을 구현하는 방법은 두 가지가 있습니다. setTimeout() 을 이용해 일정 시간이 지난 후에 함수를 실행하는 방법 setInterval() 을 이용해 일정 시간 간격을 두고 함수를 실행하는 방법 setTimeout let timerId..

https://nomadcoders.co/javascript-for-beginners/lobby 바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders Javascript For Beginners nomadcoders.co 🔴로컬스토리지를 활용해서 유저의 정보 유무로 페이지 바꾸기 local storage Window.localStorage - Web API | MDN localStorage 읽기 전용 속성을 사용하면 Document 출처의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다. localStorage는 sessionStorage와 비슷하지만, localStorage의 데이 developer.mozilla.org setItem() loca..

https://nomadcoders.co/javascript-for-beginners/lobby 바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders Javascript For Beginners nomadcoders.co 🔴form 🔴preventDefault() 🔴classList.add() Log In > HTML에서 끌어오기 // app.js // 1. const loginForm = document.getElementById("login-form"); // 에서 input 가져온 것 // html문서를 의미하는 document를 하지 않은 이유는 loginForm에서 이미 정해서 loginForm을 끌어왔기 떄문 const loginInput = loginForm.querySele..