Coding Story

quotes.js const quotes = [ { quote: "quote1", author : "author1", }, { quote:"quote2", author : "author2", }, { quote:"quote3", author : "author3", } ]; const quote = document.querySelector("#quote span:first-child"); const author = document.querySelector("#quote span:last-child"); const todaysQuote = quotes[Math.floor(Math.random()*quotes.length)]; quote.innerText = todaysQuote.quote; author.in..

JS Casino html Random Number Game Generate a Number between 0 and Guess the number: play! js const form = document.querySelector(".numForm"), range = document.querySelector(".rangeInput"), inputNum = form.querySelector(".inputNum"), maxNum = document.querySelector(".maxNum"), paintChose = document.querySelector(".paintChose"), paintResult = document.querySelector(".paintResult"); function result..

todo.js const toDoForm = document.querySelector(".js-toDoForm"), toDoInput = toDoForm.querySelector("input"), toDoList = document.querySelector(".js-toDoList"); const TODOS_LS='toDos'; let toDos = []; function deleteTodo(event){ const btn = event.target; const li = btn.parentNode; //버튼에 대한 부모 요소 toDoList.removeChild(li); //쟈식 li태그 제거 const cleanToDos = toDos.filter(function(toDo){ return toDo.id..

2739번 구구단 const readline=require('readline'); const rl=readline.createInterface({ input:process.stdin, output:process.stdout }); const gugudan = (num) => { for(let i=1; i

select에서 option 값 선택하기 html --- Choose Your Country --- Korea Greece Turkey Finland js const select = document.querySelector(".select"); const currentValue = select.options[select.selectedIndex].value; 1. select에 클래스를 만들어 querySelector로 불러온다. 2. option들엔 각각의 인덱스가 있는데, 선택된 인덱스의 option의 value를 currentValue에 저장한다. LocalStorage에 저장하기 localStorage.setItem(key, value) const COUNTRY_LS="Country"; local..

증강현실(AR: Augmented Reality) 현실 세계에 가상의 객체를 겹쳐서 보여주는 것 ​ Vuforia AR SDK? ​ SDK: 안드로이드 OS에서 AR경험을 제공하기 위해 구글과 유니티가 협력해 개발한 AR 소프트웨어 솔루션. ​ Vuforia: 증강 현실 애플리케이션을 생성 할 수있는 모바일 장치 용 증강 현실 소프트웨어 개발 키트. 컴퓨터 비전 기술을 사용하여 평면 이미지와 3D 물체를 실시간으로 인식하고 추적. RotatePlanet script using System.Collections; using System.Collections.Generic; using UnityEngine; public class RotatePlanet:Monobehavior{ private Transfor..

event.preventDefault 보통 이벤트는 root 에서 일어난다. event는 일종의 거품 같은 것이다. 올라가면서 다른 모든것들이 이벤트에 반응하게 된다. form을 제출하는 이벤트가 발생하면 이벤트는 document까지 계속 위로 올라간다. 그 document는 프로그램 되어진대로 다른 곳으로 가고, 페이지는 새로고침 된다. event.preventDefault()는 이런 이벤트의 디폴트 동작을 막는 방법이다. 이경우 엔터를 눌러 submit을 해도 다른곳으로 가지 않는다. local stroage 는 URLs를 기초로 동작한다. 때문에 한 웹사이트가 다른 웹사이트의 local storage에 접근하지 못한다. document.createElement() 무언가를 생성하기를 원할때 사용한다..

setInterval(fn, 1000) 첫번째 인자로 실행할 함수를 받고, 두번째 인자로 그 함수를 실행하고 싶은 시간(실행할 시간 간격)을 받음. (단위는 millisecond) Element 반환하기 querySelector: 첫번째 것을 가져온다. querySelectorAll: 모든걸 가져온다. 클래스명에 따른 모든 엘리먼트들의 배열을 가져옴. getElementByID: Id로 엘리먼트를 가져온다. getElementByTagname: 태그로 엘리먼트를 가져온다(input, body, html, div, section..) local storage 자바스크립트 정보를 유저 컴퓨터에 저장하는 방법! 크롬 Application 창 -> Local Storage localStorage.setItem(..

fs 모듈 테스트 케이스는 파일로 존재하고, fs.reqdFileSync('/dev/stdin').toString() 를 통해 문자열을 읽는다. split을 통해 문자열을 괄호안의 기준으로 끊어 input 배열로 반환한다. 한 줄 입력받기 const fs = require('fs'); const input = fs.readFileSync('/dev/stdin').toString().split(' '); const num = Number(input); for (let i = 1; i parseInt(el)); }) .on('close', function () { console.log(input[0] + input[1]); process.exit(); }); 여러 줄 입력받기 const readline = ..

IF-ELSE 로 이벤트에 반응하는 로직을 짜는 법 const title=document.querySelector("#title"); const BASE_COLOR="rgb(52, 73, 94)"; const OTHER_COLOR="#7F8C8D"; function handleClick(){ const currentColor=title.style.color; if (currentColor==BASE_COLOR){ title.style.color = OTHER_COLOR; }else{ title.style.color=BASE_COLOR; } } function init(){ title.style.color=BASE_COLOR; title.addEventListener("click", handleClick)..