728x90

๐Ÿ’ช

Click! ๐Ÿ‘‰ https://github.com/DasolPark/Dasol_JS_WorkoutTimer

JavaScript์™€ ๋ฐ˜์‘ํ˜• CSS๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฐ์Šคํฌํ†ฑ ๋˜๋Š” ๋ชจ๋ฐ”์ผ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์šด๋™ ๋„์šฐ๋ฏธ ํƒ€์ด๋จธ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์ž…๋‹ˆ๋‹ค.

๐Ÿ“Œ์šด๋™ ์ข…๋ชฉ๊ณผ ์ข…๋ชฉ์˜ ์„ธํŠธ๋ฅผ ์ƒ์„ธํžˆ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ, โณ๊ฐ ์„ธํŠธ๋ณ„๋กœ ์™„๋ฃŒํ•œ ์‹œ๊ฐ„์„ ์ฒดํฌํ•ด์ค๋‹ˆ๋‹ค.
๐Ÿ’ก์šด๋™ ์ข…๋ชฉ๊ณผ ์„ธํŠธ๋Š” ์ถ”๊ฐ€ ๋˜๋Š” ์‚ญ์ œ๊ฐ€ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ์šด๋™์„ ์™„๋ฃŒํ•˜๋ฉด ์™„๋ฃŒ๋œ ์‹œ๊ฐ„์„ ์ˆ˜์ •ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

Date Object๋ฅผ ์ด์šฉํ•˜์—ฌ ํ˜„์žฌ ์‹œ๊ฐ„์„ ํ‘œ์‹œํ•˜๋„๋ก ๋งŒ๋“ค์—ˆ์œผ๋ฉฐ, ๋ธŒ๋ผ์šฐ์ € Local Storage์— ๋‹‰๋„ค์ž„์„ ์ €์žฅํ•  ์ˆ˜ ์žˆ๋„๋ก ํ–ˆ์Šต๋‹ˆ๋‹ค.
์Šคํƒ‘์›Œ์น˜๋Š” setTimeout()์„ ์ด์šฉํ•˜์—ฌ ์‹œ๊ฐ„์ด ๊ณ„์† ์ฆ๊ฐ€๋  ์ˆ˜ ์žˆ๋„๋ก ํ•˜์˜€์Šต๋‹ˆ๋‹ค.
๋˜ํ•œ, DOM์„ ์ด์šฉํ•˜์—ฌ ์ข…๋ชฉ์ด๋‚˜ ์„ธํŠธ element๊ฐ€ ์ถ”๊ฐ€๋˜๊ฑฐ๋‚˜ ์‚ญ์ œ๋  ์ˆ˜ ์žˆ๋„๋ก ์ œ์ž‘ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

์‹œ์ž‘ ํ™”๋ฉด๊ณผ ์šด๋™์ด ์ž…๋ ฅ๋œ ํ™”๋ฉด
์šด๋™ ์‹œ๊ฐ„์„ ์ฒดํฌํ•˜๋ฉฐ ์ง„ํ–‰๋˜๋Š” ํ™”๋ฉด
๋ฐ์Šคํฌํ†ฑ ์ „์ฒด ํ™”๋ฉด

 

  1. ์ต๋ช… 2021.01.14 00:09

    ๋น„๋ฐ€๋Œ“๊ธ€์ž…๋‹ˆ๋‹ค

    • ์ต๋ช… 2021.02.08 20:24

      ๋น„๋ฐ€๋Œ“๊ธ€์ž…๋‹ˆ๋‹ค

+ Recent posts