NomadCoders/바닐라JS 챌린지(7)
-
바닐라 JS로 크롬 앱 만들기 회고
# 학습 전 나의 상태 바닐라 JS 챌린지를 시작하기 전에는 자바스크립트에 대한 두려움이 좀 많았다. 이유는 학습이 제대로 되지 않았기 때문이다. 그래서 챌린지를 신청했고, 리액트를 더 공부하기 전 자바스크립트에 대해 공부하고 싶어 도전하였다. # 챌린지 회고 챌린지 이후 약간의 자신감? 이라는 것이 생겼다. 이 자신감이란 것이 거침 없이 코드가 작성이 된다는 것은 아니다. 어떻게 흘러가야할지 그 흐름을 생각하게 된다. 이 전에 정말 안되서 힘들었던 부분이다. 챌린지를 하면서 랜덤 숫자 게임을 만드는 것이 있었다. 최대 범위 수를 입력하고 내가 희망하는 숫자를 입력한다. 그리고 버튼을 눌렀을 때 하단에 내 희망 번호와 랜덤으로 떨어지는 숫자가 맞아야 승리하는 게임이었다. 이것을 만드는 과정에서 코드를 작..
2021.12.01 -
2021. 11. 10. (수) TIL - 바닐라 JS로 크롬 앱 만들기 - weather / Finish
# 학습 전 나의 상태 이제 마지막 부분이다. 물론.. 클론코딩이지만 이것을 통해서 많이 배우게 되고 알게 된다. 이제는 내가 다시 해보면서 나의 것들로 만들어가는 과정이 참 중요할 것 같다. 다음주부터 바닐라JS 챌린지 과정을 듣는데 자바스크립트를 좀 더 잘 이해하면서 더욱더욱 성장하고 싶다. 어디가서 나 바닐라JS 좀 합니다. 하는 그날까지.. 화이팅..! # 오늘의 학습 내용 // 이렇게 하면 브라우저에서 위치좌표를 받아온다고 한다. WoW navigator.geolocation.getCurrentPosition(success, error) // getCurrentPosition - user의 위치정보를 얻는 것 실제로 작성한 코드 function onGeoOk(position) { const la..
2021.11.10 -
2021. 11. 09. (화) TIL - 바닐라 JS로 크롬 앱 만들기 - ToDoList
# 학습 전 나의 상태 비가 주룩주룩~ 날씨는 점점 추워지고 있다. 이제 바닐자 JS로 크롬 앱 만들기의 끝을 향해 가고 있다. 처음 자바스크립트를 공부할 땐 DOM에서 이벤트를 적용하는 것이 어려웠는데 어떻게 사용해야 할지 조금씩 이해가 간다. 이제는 MDN을 보고 어느정도 할 수 있을 것 같은 이 근자감..ㅎ 다음주부터 바닐라 JS도 챌린지를 시작하는데 그때 나만의 크롬앱을 만들어봐야겠다. # 오늘의 학습 내용 const toDoForm = document.querySelector('#todo-form'); const toDoInput = document.querySelector('#todo-form input'); // const toDoInput = toDoForm.querySelector('in..
2021.11.09 -
2021. 11. 08. (월) TIL - 바닐라 JS로 크롬 앱 만들기 - Clock & Quotes
# 학습 전 나의 상태 월요일.. 시작부터 바쁜 하루다. 오늘부터 노마드코더에서 html&css 챌린지를 시작했다. 그리고 다음주부터 바닐라JS 챌린지가 시작된다. 또 월, 목, 토 개발크럽 모임이 있다. (오늘은.. 애기보다가 깜빡했다..ㅜㅜ) 게다가 코드스테이츠 하면서 같이 페어했던 동기분이 취업했다고 하셔서 축하드리고 진심 기분이 좋았다. 나도 언능 취업하고 싶다 ^^ 그러기 위해서는 기본기를 잘 다지고 준비도 잘 해야겠지?? 긍정적으로 생각하면서 내가 가야할 길을 가야겠다.!! 오늘도 어김없이 늦은 시간 공부를 시작하지만 화이팅이다!!!!! # 오늘의 학습 내용 interval = 매번 일어나는 일 setInterval(호출할 func, 반복할 시간(ms)) function sayHello() {..
2021.11.08 -
2021. 11. 06. (토) TIL - 바닐라 JS로 크롬 앱 만들기 - loaclStorage, innerText, classList
# 학습 전 나의 상태 오늘은 개발클럽이 첫 ot 시간을 가졌다. 그런데 모두 바닐라 JS를 중요하게 생각한 것을 알 수 있었다. 그런면에서 내가 시작하고 있던 것이 다행으로 여겨진다. 자바스크립트를 잘 배우고 싶다. # 오늘의 학습 내용 CSS .hidden { display: none; } const loginForm = document.querySelector('#login-form'); const loginInput = document.querySelector('#login-form input'); const greeting = document.querySelector('#greeting') // 이렇게 반복되는 String 을 대문자 변수로 저정해 놓으면 실수가 줄고 // string 이라는 사..
2021.11.07