본문 바로가기

JS4

[HTML+CSS] 코코아톡 클론 코딩 #3 Github Page 수업 https://academy.nomadcoders.co/courses/enrolled/203015 코코아톡 프런트엔드 클론 코딩 코코아톡 프런트엔드를 클론코딩 합니다. (초급. HTML, CSS) academy.nomadcoders.co 깃허브 페이지 만들기 깃허브 페이지를 만들어서 웹사이트를 공유할 수 있습니다. 과정 github desktop > new branch > name : gh-pages (branch명은 항상 gh-pages 여야 한다.) publish branch github.com/id URL로 접속 (id = 개인의 아이디) username.github.io/nameOfTheProject (이 경우 nameOfTheProject=kakao-clone) TIP 참고로 소스코드를 변.. 2020. 3. 8.
[JavaScript] 바닐라JS로 크롬 앱 만들기 #3 Making an App 원칙 잘라서 만들어라. (시계는 clock.js로, 리스트는 list.js로..) function init(){ } 과 init();을 먼저 선언하고 시작한다. JS의 local storage에는 String만 저장 가능하다. (data는 저장 불가) #1. Making a JS Clock 1. JS Clock 만들기 ver 1 const clockContainer = document.querySelector(".js-clock"); clockTitle = clockContainer.querySelector("h1"); function getTime() { const date = new Date(); // 현재 date를 불러와서 저장 const hours = date.getHours(); // date.. 2020. 3. 1.
[JavaScript] 바닐라JS로 크롬 앱 만들기 #2 Practice JS Fuction `` 으로 function 의 내용 구성 가능 1. 함수를 만들고 함수의 반환값을 console log로 출력해보자. name, age : argument function sayHello(name, age){ return `Hello ${name} you are ${age} years old.`; } // 또는 function sayHello(name, age){ return 'Hello', name, 'you are', age, 'years old.'; } const greetNicolas = sayHello("Nicolas", 15); //greetNicolas는 sayHello의 return 값 console.log(greetNicolas); // 1개의 console log 만.. 2020. 2. 29.
[JavaScript] 바닐라JS로 크롬 앱 만들기 #1 변수(Variable), Data 변수 컴퓨터 프로그래밍에서 변수(變數, variable) 또는 스칼라(scalar)는 아직 알려지지 않거나 어느 정도까지만 알려져 있는 양이나 정보에 대한 상징적인 이름이다. 프로그래밍에서의 변수는 수학에서 말하는 변수의 개념과 완전히 일치하지 않을 수도 있다. 컴퓨터 변수의 값은 수학에서처럼 등식이나 공식의 필수적인 부분이 아니다. 컴퓨터 환경에서 변수는 반복적인 과정 안에서 이용할 수도 있다. 이를테면 한 장소의 값을 할당한 뒤 어느 곳에서 사용한 다음 새로운 값으로 다시 할당하고 같은 방법으로 다시 사용할 수도 있다. 공식 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. ko.wikipedia.org 출처 노마드 코더에서 바닐라 JS로 크롬 앱 만들기를 수강했습니다. https.. 2020. 2. 29.