본문 바로가기

바닐라코딩3

크롬 앱 만들기 [바닐라 JS] Day7 Summary #8.0 ~ #8.2 #8.0 Geolocation 이게 우리가 사용할 API이다. 내 위치와 날씨 국가 지역을 다 알려준다! 내가 할 일은 위도와 경도와 API key와 함께 API를 부르는 것! ​ JS에 weather.js 를 생성해주고 , html에 script 파일을 추가해 주자. function onGeoOk(position) { const lat = position.coords.latitude; const lng = position.coords.longitude; console.log("you live it", lat, lng); } function onGeoError() { alert("I can't found"); } navigator.geolocation.getCurren.. 2021. 12. 1.
크롬 앱 만들기 [바닐라 JS] Day5 이제 점점 뼈대가 완성되고 있다. Login Submit 부분을 제외하고는 따라가는 중이다. Summary #6.0 ~ #6.2 #6.0 Quotes 명언 10개를 JS파일에 넣었다. quote와 quotes 햇갈림 주의~ const quotes = [ { quote: "It is impossible to live without failing at something, unless you live so cautiously you might as well not have lived at all – in which case, you fail by default.", author: "JK Rowling", }, { quote : "Nobody is a villain in their own story. We’re.. 2021. 11. 26.
크롬 앱 만들기 [바닐라 JS] Day4 Day 3 이해하기 어려웠다. 이제 함수의 기초를 공부하는 단계인데, 너무 복잡했다.시간날때마다 하나하나 지워가며 구현을 해봐야할듯하다. Summary #5.0 ~ #5.3 #5.0. Clock 모든 js코드를 한 file에 담는것은 혼란스러우니, 기능별로 file을 만드는 것을 추천 받았다. html : css : js --> 1 : 1 : 여러개 00:00 HTML 에 id가 clock인 h2를 추가했다. const clock = document.querySelector("h2#clock"); function sayHello() { console.log("hello"); } setInterval(sayHello, 5000); 이렇게 코드를 작성하면 브라우저 console에서 5초마다 hello가 출력.. 2021. 11. 25.