목록JavaScript/Chrome - NomadCoder (3)
얼레벌레
✔️ 원하는 바 새로고침마다 랜덤으로 뜨는 quote 받아오기 새로고침마다 랜덤으로 뜨는 background 받아오기 ▪️ Quote Math 내장함수 사용해서 random한 번호 부여해주기 ▪️ Background 파일명 리스트로 저장하기 createElement()로 Js에서 새로운 태그 생성해주기 ⇨ 파일명이 random이라 html의 img 태그로 지정이 불가능하다. 따라서 Js에서 이미지를 생성한다. appendChild()로 html에 노드 추가하기 // Quote const quotes = [ {quote: 'All that glitters is not gold.', who: 'William Shakespeare'}, {quote: 'Genius is one percent inspiratio..
✔️ 원하는 바 초단위까지 보여주는 시계 만들기 한자리수 단위의 시,분,초면 앞에 0 채워넣기 요일, 날짜 등도 Show! ▪️ new Date()를 사용하면 javascript에서 제공해주는 시간을 얻어와 간편하게 시간을 작성할 수 있다. ▪️ 위와 같이 new Date()에서 get_()로 시간을 긁어오면 시간/분/초가 10보다 작은 경우 시계 모양이 이상해진다.(예를 들어 9시 3분인 경우 9:3) 어떻게 해결할까? if문으로 처리하기 if (minute.toString().length === 1){ minute = '0' + new Date().getMinutes(); } if (second.toString().length === 1){ second = '0' + new Date().getSeco..
✔️ 원하는 바 - Login 창 만들기 - input에 text를 넣고, button 클릭 시 text 내용을 submit하기 - submit한 후 저장소에 저장이 돼있다면 새로 입력하지 않아도 동기화될 수 있게 하기 - header 더블클릭 시 이름 수정 가능하게 하기 ▪️ input의 값은 value로 확인 가능 ▪️ input에 값을 넣지 않았을 경우 어떻게 할 것인가? + 값(userName)이 너무 길 경우는? Js에서 if-else로 처리해주기 ⇨ str.length : 길이 확인 메소드 ✡︎ ==, === 구분하기! HTML에 이미 있는 속성 활용하기 ⇨ input Tag의 required, max/minlength 등 하지만, input의 유효성 검사를 하기 위해선 input Tag가 f..