둥글게 둥글게

  • 홈
  • 태그
  • 방명록

analogclock 1

[javascript] AnalogClock

⏱ Analog시계를 구현해 보자! 노트북 화면 바탕에 동그란 시계를 띄워놓을 수 있는 기본적인 테마를 많이 봤을 것이다. javascript로 1초 간격으로 시침, 분침, 초침이 모두 일정 각도로 회전하는 시계를 구현해 보자 🤜🏻 ✨ 결과물 👉🏻 현재 시각에 맞게 시침, 분침, 초침이 지정한 각도로 움직이도록 코드를 작성하였고, 시계를 n개 생성할 수 있도록 코드 재사용이 가능하도록 구현하였다. 📌 시침, 분침, 초침의 각도를 javascript로 --deg(CSS) 값 조절 📌 시계는 재사용이 가능하도록 구현 ✅ 현재 시간을 가져오기 위해 new Data()을 사용 const now = new Date(); const hour = now.getHours(); const minute = now.get..

프로젝트/토이 프로젝트 2023.04.06
이전
1
다음
더보기
프로필사진

조유진의 둥근 개발자 일기

  • 분류 전체보기 (199)
    • 프론트엔드 (42)
      • React (5)
      • JAVASCRIPT (11)
      • TYPESCRIPT (1)
      • HTML (7)
      • CSS (8)
      • Next.js (3)
      • 기술블로그 (3)
      • Electron (3)
    • 프로젝트 (19)
      • 개인 프로젝트 (5)
      • 팀 프로젝트 (7)
      • 토이 프로젝트 (7)
    • Git & Github (9)
    • 자료구조 & 알고리즘 (23)
    • 프로그래머스 풀이 (99)
      • level0 (55)
      • level1 (39)
    • 마음가짐 (7)

Tag

js 자료구조, HTML, 개발공부, 팀프로젝트, 프로그래머스 문제풀이, 프로그래머스, 제로베이스, 프론트엔드공부, 프로그래머스 level1 문제풀이, 프론트엔드, 프론트엔드 공부, level1 문제풀이, 프로그래머스 level0 문제풀이, js 선형자료구조, 프론트엔드개발자, 프로그래머스 level0, frontend, 프론트엔드스쿨, 프로그래머스 level1, 프론트엔드 프로젝트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 🙋🏻‍♀️ My GitHub

티스토리툴바