일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- 피그마 왕초보
- js preventDefault
- js filter 삭제
- js todolist
- js string을 array로
- 노마드코더 크롬앱 만들기
- js 삭제 버튼
- js 시간 표시
- js 시계만들기
- js todo
- javascript
- javescript
- js 노마드코더
- 노마드코더
- js array id 부여
- 판다코딩
- 깃허브 리드미 뱃지
- js local storage
- 깃허브 뱃지 링크
- js 삭제 기능
- js localstorage
- js 문자열을 배열로
- js 문자열 변환
- js localstorage 저장
- js
- c++
- js date.now
- 깃허브 꾸미기 예시
- js forEach
- 깃허브 리드미 기술스택
- Today
- Total
목록js 시계만들기 (2)
I'm gonna be the BEST.

[ 노마드코더 학습 기록 ] 바닐라 JS로 크롬 앱 만들기(5.2 PadStart) 지난 시간에 시계를 만들어보았는데 잘 잘동되지만 0~9까지의 숫자가 00, 01, 02 같은 두자리로 표시되지 않고 한자리로 표시되는 불편함이 생겼다. 해결해보자! padStart & padEnd padStart는 너무 편리하고 간단하고 강력한 기능인 것 같다. 바로 예시로 넘어가보자. "1"은 현재 길이가 1이다. 이 string(문자열)의 길이를 2로 만들고, 만약 string(문자열)의 길이가 2가 아니라면 앞자리에 "0"을 채워라 ! 라는 것을 이렇게 "1".padStart(2, "0") 작성하면 된다. string의 길이를 5로 변경하면 1 앞에 0이 4개가 붙어 총 5개의 문자열로 변환하는 것을 볼 수 있다. ..

[ 노마드코더 학습 기록 ] 바닐라 JS로 크롬 앱 만들기(5.0 Interval) 본격적인 작업을 시작하기 전에 CSS, JS 폴더를 생성하고 style.css를 css폴더로 이동, app.js 파일을 greetings.js로 이름 변경 후 JS 폴더로 이동시켰다. 그리고 clock.js를 생성했다. 서로 다른 기능들에 대해 하나씩 다른 파일로 분리시키며 세분화해서 관리하는 방식(divide and conquer)으로 프로젝트가 진행될 것 이다. 이렇게하면 코드가 더 짧아지고 기능들을 따로 관리할 수 있기 때문에 유용하다. index.html 파일에서 css, js 파일을 import 할 수 있도록 연결해준다. 그리고 시계를 만들기위해 태그를 작성하고 id="clock"을 설정한다. const cloc..