# 학습 전 나의 상태 바닐라 JS 챌린지를 시작하기 전에는 자바스크립트에 대한 두려움이 좀 많았다. 이유는 학습이 제대로 되지 않았기 때문이다. 그래서 챌린지를 신청했고, 리액트를 더 공부하기 전 자바스크립트에 대해 공부하고 싶어 도전하였다. # 챌린지 회고 챌린지 이후 약간의 자신감? 이라는 것이 생겼다. 이 자신감이란 것이 거침 없이 코드가 작성이 된다는 것은 아니다. 어떻게 흘러가야할지 그 흐름을 생각하게 된다. 이 전에 정말 안되서 힘들었던 부분이다. 챌린지를 하면서 랜덤 숫자 게임을 만드는 것이 있었다. 최대 범위 수를 입력하고 내가 희망하는 숫자를 입력한다. 그리고 버튼을 눌렀을 때 하단에 내 희망 번호와 랜덤으로 떨어지는 숫자가 맞아야 승리하는 게임이었다. 이것을 만드는 과정에서 코드를 작..

# 학습 전 나의 상태 지금까지 자바스크립트를 공부한다고 했지만 정말 자바스크립트만을 공부하지는 않은 것 같다. 리액트, 리액트 네이티브 등을 배웠는데 자바스크립트에 대해서는 깊이 이해하지 못한채 따라하기만 했다. 그래서 초심으로 돌아가 바닐라 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..