📝 배우고 익히기 +/바닐라 JS로 크롬 앱 만들기9 [바크앱] 10: 7.0-8.2 바닐라 JS로 크롬 앱 만들기 (1) : Create Chrome App with Vanilla JS → cavjs https://nomadcoders.co/javascript-for-beginners/lobby 7.0 Setup - html 00:00:00 Log In Go to courses - javascript const toDoForm = document.getElementById("todo-form"); // const toDoInput = document.querySelector("$todo-form input"); const toDoInput = toDoForm.querySelector("input"); const toDoList = document.getElementById("todo-l.. 2023. 9. 15. [바크앱] 9: 6.0-6.2 바닐라 JS로 크롬 앱 만들기 (1) : Create Chrome App with Vanilla JS → cavjs https://nomadcoders.co/javascript-for-beginners/lobby 6.0(과제로 미리 시청완료) 6.1 Background - html Log In Go to courses 00:00:00 -javascript const images=["0.jpg","1.jpg","2.jpg"]; const chosenImage = images[Math.floor(Math.random()*images.length)]; // console.log(images); const bgImage =document.createElement("img"); // console.log(bgIm.. 2023. 9. 14. [바크앱] 8: 5.0-5.3 바닐라 JS로 크롬 앱 만들기 (1) : Create Chrome App with Vanilla JS → cavjs https://nomadcoders.co/javascript-for-beginners/lobby 5.0 Intervals 00:00 const clock = document.querySelector("h2#clock"); // intervals: 매번 일어나게 하는 것 // timeout // clock.innerText ="lalalsl"; function sayHello(){ console.log("hello"); } setInterval(sayHello, 5000) //-- arguments: ({function명},{호출간격 ms}) //5초마다 실행 5.1 Timeouts and .. 2023. 9. 14. [바크앱] 7: 4.0-4.7/6.0(과제강의) 바닐라 JS로 크롬 앱 만들기 (1) : Create Chrome App with Vanilla JS → cavjs https://nomadcoders.co/javascript-for-beginners/lobby 4.0 Input Values Log In // const loginForm = document.querySelector("#login-form"); const loginForm = document.getElementById("#login-form"); //const loginInput = loginForm.querySelector("input"); //const loginButton = loginForm.querySelector("button"); const loginInput = docume.. 2023. 9. 12. [바크앱] 5: 2.13 -2.15 , 3.6 - 3.8 바닐라 JS로 크롬 앱 만들기 (5) : Create Chrome App with Vanilla JS → cavjs https://nomadcoders.co/javascript-for-beginners/lobby 2.13 Conditionals //const age = prompt("How old are you?"); //-- 사용자에게 입력받기 //console.log(typeof age); //-- typeof: varialbe type보는 법 //parseInt("15") //"15" => 15 //console.log(parseInt("15"), typeof parseInt(age)); //console.log(age, parseInt(age)); const age1 = parseInt(promp.. 2023. 9. 9. [바크앱] 4: 3.0 - 3.5 바닐라 JS로 크롬 앱 만들기 (4) : Create Chrome App with Vanilla JS → cavjs https://nomadcoders.co/javascript-for-beginners/lobby 바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders Javascript For Beginners nomadcoders.co 3.0 The Document Object document → html 과 상호작용하는 object console.dir(document) → html 을 javascript 관점에서 볼 수 있음 document.title = "Hi" document.body... //javascript: html과 연결되어 값을 가져올 뿐 아니라 변경 가능 3.1 HTM.. 2023. 9. 8. [바크앱] 3: 2.7 - 2.16 바닐라 JS로 크롬 앱 만들기 (3) : Create Chrome App with Vanilla JS → cavjs https://nomadcoders.co/javascript-for-beginners/lobby 내용 리스트 /* 의미있는 리스트 */ const toBuy = ["potato","tomato","pizza"]; console.log(toBuy); toBuy[2] = "water"; //update console.log(toBuy); toBuy.push("meat"); //add console.log(toBuy); const player = { name : "Nico", age : "age" } console.log(player); player.name = "nicolas"; console.. 2023. 9. 6. [바크앱] 3: 2: 2.1 - 2.6 바닐라 JS로 크롬 앱 만들기 (2) : Create Chrome App with Vanilla JS → cavjs https://nomadcoders.co/javascript-for-beginners/lobby 내용 프로그래밍 기초 // alert("hi"); ▶ integer 숫자 2 float 실수형 1.5 string 문자 "hello" const : 상수 -> 값 없데이트X // 기본적으로 사용 let : -> 값 없데이트O var : -> 값 없데이트O // 초기버전 변수, 실수로 값을 업데이트해도 알 수X, 사용권장X true, false //파이썬 True, False undefined null : 값X //파이썬 None // -------- 실습 ---------- const a = 5.. 2023. 9. 5. [바크앱] 1: 1.4 - 2.0 바닐라 JS로 크롬 앱 만들기 (1) : Create Chrome App with Vanilla JS → cavjs https://nomadcoders.co/javascript-for-beginners/lobby [바닐라 JS로 크롬 앱 만들기 – 노마드 코더 Nomad Coders Javascript For Beginners nomadcoders.co](https://nomadcoders.co/javascript-for-beginners/lobby) momentum 새로운 탭화면을 생산성 앱으로 대체 로그인, 사용자 기억하기 시계 내위치, 날씨 goolelocation 배경사진 무작위 명언 todo list 소개 자바스크립트를 배워야 하는 이유 자바스크립트는 내장되어있어 따로 설치X 프론트엔드에서 사용.. 2023. 9. 4. 이전 1 다음
