# vanilla js
#3.2, 3.3 Saving the User Name
greeting.js파일을 만들고 사용자가 이름을 입력할 인풋요소를 추가한 html에 연결한다. 크롬 개발자 도구 > Application 항목 > localStorage에는 유저의 브라우저에 저장되는 자바스크립트 관련 정보들이 있다. localStorage.setIt
#3.0, 3.1 Making a JS Clock
date.getDay()의 출력 값 4는 목요일을 의미한다. 월요일은 1이다.date.getDate()는 일자를 출력한다. 시와 분도 출력할 수 있다. 현재 시간을 출력하는 시계 만들기 우선 시간을 00:00으로 입력해두고 innerText를 사용해 현재 시간으로 바꾸
[TIL] 2020-04-01
2020년 4월 1일 TIL입니다. 노마드 코더에서 Vanilla JS로 크롭 앱 만들기란 강의를 들었습니다. 그리고 통계학 스터디에서 통계학 도감 책의 챕터3를 공부했습니다.
<vanilla JS#2.2 JS DOM Functions>
요약 1. html에 있는 요소를 자바스크립트로 가져와서 객체로 만드는 과정(자바스크립트로 선택한 모든것은 객체가 된다.) 2. 함수들, 객체들의 함수들 모두 DOM형태로 변경이 가능하다 1) index.html에서 h1태그에 title이라는 id를 부여 html js2.png 2) index.js에서 index.html에 있던 h1을 선택한 모습 ...
<vanilla JS_ #2.1.1 More Function Fun
요약 1. 백틱을 사용하여 스트링과 변수를 쓰는 방법 따옴표 대신 백틱을 사용하면+ 연산자나 콤마 없이 쭉 스트링을 쓸 수 있고, 중간에 변수를 사용하고 싶으면 ${변수}를 넣어주면 된다. 2. console.log와 returning x의 차이 함수내에서 return 값이 없으면 출력되는것이 없는 undefined 값이 된다. 3. consol...
<vanilla JS_ #1.10 Organizing Data with Objects>
배열과 객체의 다른점 Object에는 각 value에 이름을 줄 수 있다. 객체 선언을 하고 싶으면 {} 사용 gender값만 받고 싶으면? Const안에 있는 값 gender의 value를 바꾸고 싶다면? Also 1) 객체안에 배열을 넣을 수 있다. 2) 객체안의 배열에 또 객체를 넣을 수 있다. 3) 가장 중요한 자바스크립트 문법 규칙 -객체 값...
<vanilla JS_ #1.9 Organizing Data with Arrays>
/자바스크립트에서 데이터를 어떻게 정렬할까?/ /*1. Array _ 배열 데이터를 리스트처럼 저장하는곳 */ 이렇게 데이터를 저장하고, 불러올 수 있지만, 비효율적이다. /console.log(monday tue wed) 이렇게 쓰면 에러나요~ 쉼표 꼭 찍어주기/ //데이터를 Array에 넣는 첫번째 방법 //daysOfWeek 배열의 첫번째(...