ETC 8

[바닐라 JS로 크롬 앱 만들기] LOGIN

미루고 미뤄왔던 모멘텀 .. 죽지 않고 돌아와 버렸다 ! ● Index.html ● App.js const loginInput = document.querySelector("#login-form input"); const loginForm = document.querySelector("#login-form") const greeting = document.querySelector("#greeting"); const HIDDEN_CLASSNAME = "hidden"; const USERNAME_KEY = "username"; # Login Submit Button 클릭 시 작동 함수 function onLoginSubmit(event) { event.preventDefault();# 브라우저의 기본 동작 ..

ETC 2023.05.02

[바닐라 JS로 크롬 앱 만들기] JS on the Browser

● The Document Object ● 》 document : javascript에서 html 접근 가능하게 함 》 (ex) document.title / document.body ● HTML in Javascript ● 》 (★) 특정 요소 가져오기 ① 웹 브라우저 콘솔 창에 입력 ② app.js 에 입력 (vscode) : HTML element 를 JS로 가져오기 const title = document.getElementById("title"); console.dir(title); # 더 많은 정보 열람 console.log(title); # Grab Me! → HTML 변경 가능 # app.js const title = document.getElementById("title");# 원래 ti..

ETC 2023.04.17

[바닐라 JS로 크롬 앱 만들기] Javascript 문법

● 변수 // 브라우저 콘솔 창에 로그 띄우기 : console.log() // 변수 선언1 : const (cannot change) - always // 변수 선언2 : let - sometimes // 변수 선언3 : var (never use) // 데이터 타입 : true / false / null / undefined const a = 5; const b = 2; let myName = "cindy"; console.log(a+b); console.log(a*b); console.log(a/b); myName = "sandy"; console.log("your name is " + myName); ● 배열 // array (배열) const mon = "mon"; const tue = "tue..

ETC 2023.04.06
728x90