# 학습 전 나의 상태 비가 주룩주룩~ 날씨는 점점 추워지고 있다. 이제 바닐자 JS로 크롬 앱 만들기의 끝을 향해 가고 있다. 처음 자바스크립트를 공부할 땐 DOM에서 이벤트를 적용하는 것이 어려웠는데 어떻게 사용해야 할지 조금씩 이해가 간다. 이제는 MDN을 보고 어느정도 할 수 있을 것 같은 이 근자감..ㅎ 다음주부터 바닐라 JS도 챌린지를 시작하는데 그때 나만의 크롬앱을 만들어봐야겠다. # 오늘의 학습 내용 const toDoForm = document.querySelector('#todo-form'); const toDoInput = document.querySelector('#todo-form input'); // const toDoInput = toDoForm.querySelector('in..

# 학습 전 나의 상태 월요일.. 시작부터 바쁜 하루다. 오늘부터 노마드코더에서 html&css 챌린지를 시작했다. 그리고 다음주부터 바닐라JS 챌린지가 시작된다. 또 월, 목, 토 개발크럽 모임이 있다. (오늘은.. 애기보다가 깜빡했다..ㅜㅜ) 게다가 코드스테이츠 하면서 같이 페어했던 동기분이 취업했다고 하셔서 축하드리고 진심 기분이 좋았다. 나도 언능 취업하고 싶다 ^^ 그러기 위해서는 기본기를 잘 다지고 준비도 잘 해야겠지?? 긍정적으로 생각하면서 내가 가야할 길을 가야겠다.!! 오늘도 어김없이 늦은 시간 공부를 시작하지만 화이팅이다!!!!! # 오늘의 학습 내용 interval = 매번 일어나는 일 setInterval(호출할 func, 반복할 시간(ms)) function sayHello() {..

# 학습 전 나의 상태 오늘은 개발클럽이 첫 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 이라는 사..

# 학습 전 나의 상태 지금까지 자바스크립트를 공부한다고 했지만 정말 자바스크립트만을 공부하지는 않은 것 같다. 리액트, 리액트 네이티브 등을 배웠는데 자바스크립트에 대해서는 깊이 이해하지 못한채 따라하기만 했다. 그래서 초심으로 돌아가 바닐라 JS 를 배움으로 자바스크립트만으로 웹 페이지를 만들어 보고자 한다. 어제 form 태그에 input type이 submit 인 input을 클릭하면 새로고침이 되었다. 오늘은 preventDefault()에 대해 공부하고자 한다. # 오늘의 학습 내용 preventDefault() const loginForm = document.querySelector('#login-form'); const loginInput = document.querySelector('#l..

# 학습 전 나의 상태 오늘은 다시 노마드 코드로 와서 크롬 앱 만들기를 이어서 한다. 집중해서 정말 알아야할 내용들을 잘 정리해 놓고 싶다. # 오늘의 학습 내용 input 태그 - 이름을 입력하고 로그인 버튼을 누르는 기능을 만들려고 한다. - 먼저 html을 아래와 같이 작성했다. 로그인 - 그리고 버튼을 눌렀을 때 input의 값을 넘겨주기 위해 javascript 를 아래와 같이 작성했다. const loginInput = document.querySelector('#login-form input'); const loginButton = document.querySelector('#login-form button'); function handleLoginBtnClick() { const user..