창고

데모 : https://ohikmyeong.github.io/frontend-mini-challenges/toast-popup/ toast-popup ohikmyeong.github.io HTML 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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 toast-popup left right top bottom success error warning info Duration(1.5 ~ 10s) Show Toast! 1 ✕ 2 ✕ 3 ✕ 10000 ✕ Colo..

데모 : https://ohikmyeong.github.io/frontend-mini-challenges/light-dark-mode/ light-dark-mode ohikmyeong.github.io HTML 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 32 light-dark-mode Dark Mode The Entire Page Color Theme is Controlled Using CSS and JavaScript Contained Dark Mode The Container Color Scheme is Controlled By Only CSS Colored by Color Scripter c..

데모 사이트 : https://ohikmyeong.github.io/frontend-mini-challenges/telephone-formatter/ telephone formatter ohikmyeong.github.io HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 telephone formatter +(000)-1234-5678 Colored by Color Scripter cs JS 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 32 33 34 35 36 37 38 39 40 41 42 43 44 class TelephoneFormatter{ const..

데모 사이트 : https://ohikmyeong.github.io/frontend-mini-challenges/guess-the-number/ Guess the Number ohikmyeong.github.io HTML 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 Guess the Number Enter a Guess Between 0 to 100 SUBMIT Too Low / Too High Your Guesses : ${0},${0} RESTART GAME Colored by Color Scripter cs CSS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 ..

최근에 sadanandpai의 Frontend Mini Challenge(이하 FMC라고 하겠음)를 하고있다... 엔간해선 다 예전에 한번 만들어 본건데 다시 하니까 감회가 새롭고 좋은듯. 현 시점에서 20개까지 해놨는데 한 번에 다 올리긴 힘드니까 일하기 싫을때마다 하나씩 올리겠음 계산기 다시 구현하다가 자꾸 실패해서 예전에 한거 보긔... 기억력 뭔 데모 : https://ohikmyeong.github.io/frontend-mini-challenges/counter HTML 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 Counter ${0} - + Increase/Decrement by RESET Colo..