본문 바로가기

querySelector2

바닐라 자바스크립트 - Input과 Button 더보기 출처 및 참고 : - https://nomadcoders.co/ 본 포스팅은 노마드 챌린지의 무료 강의를 참고해 포스팅 하였습니다. 본격적인 앱 만들기 강의에 들어갔다. 그래도 기초적인 부분은 다뤄야 하니 input과 button을 이용한 value를 테스트하는 시간을 가져보자 Input과 Button # 설계 - 앱이 사용자에게 질문한다. 너는 누구인가? (이름, ... 등등) - 해당 정보를 어떻게 받아올 것인가 - 받아온 정보를 어떻게 화면에 보여줄 것인가. * 기초원리 user의 이름을 기억하는 것처럼 JavaScript에는 value(값)를 기억하게 하는 아주 쉬운 방법이 있다. 하지만 모든 것은 HTML에서 시작되어야 한다. HTML을 작성한 다음 그 안에 존재하는 element들을 가.. 2021. 9. 24.
바닐라 자바스크립트 시작(3) 더보기 출처 및 참고 : - 노마드 코더 챌린지 바닐라 자바스크립트로 크롬 앱 만들기 : https://nomadcoders.co/ - HTML Document Reference : https://developer.mozilla.org/ko/ 복습 차원 * 꼭 이해해야 할 거 : 우리가 하고 있는 app.js가 있기 때문에 javascript를 통해 HTML의 내용을 가져올 수 있는 것이다 * 좀더 구체적인 엘리먼트를 선택 : querySelector , querySelectorAll - getElement ~~ 보다 구체적으로 element를 지정 가능하다. * 포인트 : document가 HTML이 app.js를 load하기 때문에 존재하는 것임. 그 다음에 브라우저에서 우리가 document에 접근.. 2021. 9. 23.