[JS] 바닐라 JS로 구글 크롬앱 만들기 #3 Make your first JS App - 2

[JS] 바닐라 JS로 구글 크롬앱 만들기 #3 Make your first JS App - 2

#3.5 ~ 3.7 Making a To Do List - 2 const toDoForm = document.querySelector('.js-toDoForm'); const toDoInput = toDoForm.querySelector('input'); const toDoList = document.querySelector('.js-toDoList'); const todo_ls = 'toDos'; let toDos = []; function saveToDos() { localStorage.setItem(todo_ls, JSON.stringify(toDos)); // localStroage에는 javascript의 data를 저장할 수 없고, 오직 string 형태만 저장 가능 // 우선 JSON.str..

  • format_list_bulleted Tech/JavaScript
  • · 2019. 7. 30.
  • textsms
[JS] 팝업 - 오늘 하루 열지 않기

[JS] 팝업 - 오늘 하루 열지 않기

팝업 내용 닫기 //====================================================================== //Top Pop //====================================================================== App.TopPop.init(); var App = new Object(); App.TopPop = function () { var self; return { init: function () { self = this; // popup close $('.btn-pop-close').on('click', function() { if($('#do-not-open').is(&#3..

  • format_list_bulleted Tech/JavaScript
  • · 2019. 7. 22.
  • textsms
[JS] 바닐라 JS로 구글 크롬앱 만들기 #3 Make your first JS App - 1

[JS] 바닐라 JS로 구글 크롬앱 만들기 #3 Make your first JS App - 1

노마드코더의 *바닐라 JS로 구글 크롬앱 만들기 *강의를 정리하는 글입니다. #3.1 ~ #3.2 Making a JS Clock 00:00 const clockContainer = document.querySelector('.js-clock'), clockTitle = clockContainer.querySelector('h1'); function getTime() { const date = new Date(); const hours = date.getHours(); const minutes = date.getMinutes(); const seconds = date.getSeconds(); clockTitle.innerText = `${hours < 10 ? `0${hours}` : hours}:${m..

  • format_list_bulleted Tech/JavaScript
  • · 2019. 7. 21.
  • textsms
[JS] 바닐라 JS로 구글 크롬앱 만들기 #1 Theory ~ #2 Practice

[JS] 바닐라 JS로 구글 크롬앱 만들기 #1 Theory ~ #2 Practice

노마드코더의 바닐라 JS로 구글 크롬앱 만들기 강의를 정리하는 글입니다. #1.2 Super Powers of JS Awesome Javascript three.js : https://threejs.org/ world draw : https://worlddraw.withgoogle.com/ Impact Games : https://impactjs.com/games #1.4 VanillaJS Why Vanilla JS? jQuery, DOJO... 등 수많은 Library들은 결국 Javascript를 대체하기 위한 것들. make-up(대체할 수단)이 아닌 근본적이고 실질적인 것을 아는 것이 중요함. #2.1 Your first JS Function ~ #2.1.1 More Function Fun con..

  • format_list_bulleted Tech/JavaScript
  • · 2019. 7. 20.
  • textsms

[JS] Math Method (소수점 올림, 버림, 반올림)

Syntax Math.ceil() : 소수점 이하 올림, 정수 반환 Math.floor() : 소수점 이하 버림, 정수 반환 Math.round() : 소수점 이하 반올림, 정수 반환 Description ceil(), floor(), round() 등의 메소드는 Math의 정적 메소드이므로, 사용자가 생성하는 Math 객체의 메소드처럼 사용하지 않고, 언제나 Math.ceil() 의 형태로 사용 합니다. (Math 는 생성자가 아님) Examples // 올림 Math.ceil(.95); // 1 Math.ceil(4); // 4 Math.ceil(7.004); // 8 // 버림 Math.floor( 45.95); // 45 Math.floor( 45.05); // 45 Math.floor( 4 );..

  • format_list_bulleted Tech/JavaScript
  • · 2019. 7. 20.
  • textsms
Number guessing game 만들기

Number guessing game 만들기

See the Pen Number guessing game by likeanewstar (@likeanewstar) on CodePen. 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112 Number guessing game html { font-family: sans-serif; } body { width: 50%; max-width: 800px; ..

  • format_list_bulleted Tech/JavaScript
  • · 2018. 10. 4.
  • textsms

How do I get the current date in JavaScript?

국민건강보험 랜딩 페이지 리뉴얼 과정에서 오늘 날짜를 출력해야하는 부분이 있어, 그 부분을 Vanilla JS로 짜보았다. 12345678910111213141516171819 // 오늘 날짜 넣기var today = new Date();var dd = today.getDate();var mm = today.getMonth()+1; // Jan is 0var yyyy = today.getFullYear(); if(dd

  • format_list_bulleted Tech/JavaScript
  • · 2018. 7. 27.
  • textsms