Dev study and notes

바닐라 JS로 크롬 앱 만들기 8장 강좌들 노마드코더 무료강좌​노마드코더 바닐라JS 자바스크립트 강좌 #8.0 Geolocation 요약:1. Geolocation API를 사용하면 사용자의 현재 위치 정보를 가져올 수 있습니다.2. navigator.geolocation.getCurrentPosition 메서드를 통해 위도와 경도를 얻는 방법을 설명합니다.3. 위치 정보는 콜백 함수로 처리되며, 성공 및 에러를 처리하는 구조를 배우게 됩니다.​index.html 과 weather.js 생성하면됩니다.​*weather.js 소스코드function onGeoOk(position) {const lat = position.coords.latitude;const lng = position.coords.longi..

바닐라 JS로 크롬 앱 만들기 7장 강좌들 노마드코더 무료강좌​실질적인 TODO LIST를 생성하게 됩니다.​*JSON.stringify()JavaScript 객체를 JSON 문자열로 변환하는 함수입니다.​*간단예시 코드const obj = { name: "Julia", age: 99, city: "London" };const jsonString = JSON.stringify(obj);console.log(jsonString); // 출력: '{"name":"Julia","age":99,"city":"London"}'*JSON.parse()JSON 문자열을 javaScript 객체로 변환하는 함수입니다.const jsonString = '{"name":"Julia","age":99,"city":"Lond..

바닐라 JS로 크롬 앱 만들기 6장 강좌들 노마드코더 무료강좌*Math.ceil()소수점을 올림하여 더 큰 정수로 만들어줍니다.*Math.floor()소수점을 내림하여 더 작은 정수로 만들어 줍니다.*document.body.appendChild(bgImage);bgImage 요소를 HTML 문서의 에 추가하는 자바스크립트 코드입니다,*각 상위/하위 요소를 생성하고 그 생성한 변수를 활용.소스는 깃허브 참고!끝!

바닐라 JS로 크롬 앱 만들기 5장 강좌들 노마드코더 무료강좌이번 강좌에서는 시간, 날짜 함수와 웹페이지 로딩시, 실시간, 현재시간을 출력하는 실습을 진행합니다.코드 또한 정말 쉽습니다.주요 코드내 함수를 정리해보았습니다.*Date()현재 날짜와 시간을 객체로 변환*setInterval()지정된 시간 간격 마다 특정코드를 반복 실행하는 타이머 함수*setTimeout()지정된 시간이 지난 후 한번 특정 코드를 실행하는 타이머 함수*padStart()문자열의 길이가 부족할 경우, 앞에 지정된 문자를 추가해 원하는 길이로 맞춤-예시) "5".padStart(2, "0") → "05" 단순합니다.끝!