# javascript30

119개의 포스트
post-thumbnail

[javascript30] 01 - Drum kit

❤😂❤🧡💛💚💙💜🤎🖤✈🛩🛬💺🚀🛸🛰🔥💧⚡♨🚑🚒🚚🚛🚗🚓🚕🛺 🚀 자바스크립트를 공부한 내용을 활용하기 좋은 사이트인 https://javascript30.com/ 내용을 정리합니다! 🚗 문제를 살펴봅시다. 위와 같은 HTML

2021년 8월 18일
·
1개의 댓글
post-thumbnail

[JavaScript30] 🕹 30. Whake A Mole

두더지 잡기 게임

2021년 8월 18일
·
0개의 댓글
post-thumbnail

[JavaScript30] ⏲ 29. Countdown Timer

버튼을 통해 빠른 시간설정을 할 수 있고, 입력을 통해 입력한 시간 동안 카운트 다운을 하는 타이머

2021년 8월 18일
·
0개의 댓글
post-thumbnail

[JavaScript30] 🎞 28. Video Speed Controller UI

마우스이동에 따른 영상 재생속도 조절

2021년 8월 18일
·
0개의 댓글
post-thumbnail

[JavaScript30] 🖱 27. Click and Drag

mouse click and drag로 만든 슬라이드쇼

2021년 8월 18일
·
0개의 댓글
post-thumbnail

[JS] 30 Challenge - Day 1

forEach(), <audio>, transition event

2021년 8월 14일
·
0개의 댓글
post-thumbnail

[JavaScript30] 📋 26. Stripe Follow Along Dropdown

nav메뉴에 mouse가 올라가면 dropdown메뉴가 각각의 크기,위치에 맞게 보여짐.

2021년 7월 31일
·
0개의 댓글
post-thumbnail

[JavaScript30] ☁️ 25. Event Capture, Propagation, Bubbling and Once

Event Capture, Propagation, Event Bubbling, Once에 대해 알아보자.

2021년 7월 31일
·
0개의 댓글
post-thumbnail

[JavaScript30] 📋 24. Sticky Nav

스크롤 되면 고정되는 메뉴.

2021년 7월 31일
·
0개의 댓글
post-thumbnail

[JavaScript30] 🎙23. Speech Synthesis

자바스크립트로 글을 읽어주는 도구 구현초기 코드초기 화면

2021년 7월 31일
·
0개의 댓글
post-thumbnail

[JavaScript30] 💡 22. Follow Along Link Highlighter

표시 되있는 링크에 마우스를 올리면 효과를 주는 방법.

2021년 7월 31일
·
0개의 댓글
post-thumbnail

[JavaScript30] 🗺 21. GeoLocation

나침반 구현하기

2021년 7월 14일
·
0개의 댓글
post-thumbnail

[JavaScript30] 🎙 20. Native Speech Recognition

음성인식을 통해 화면에 출력 해보기.

2021년 7월 14일
·
0개의 댓글
post-thumbnail

[JavaScript30] 📹 19. Unreal Webcam Fun

HTML Javascript를 이용해서 웹캠을 사용하고, 다양한 효과 적용해보기.

2021년 7월 14일
·
0개의 댓글
post-thumbnail

[JavaScript30] ⏲ 18. Adding Up Times with Reduce

li에 time값을 이용해 총 재생시간을 구하기.

2021년 7월 11일
·
0개의 댓글
post-thumbnail

[JavaScript30] 🗃 17. Sort Without Articles

배열의 내용에서 부사(a, the, an)을 제거 하고 알파벳 순으로 재배열.

2021년 7월 11일
·
0개의 댓글
post-thumbnail

[JavaScript30] 🖱 16. Mouse Move Shadow

마우스 이동에 따라 텍스트그림자 효과를 주어 움직이게 함.

2021년 7월 11일
·
0개의 댓글
post-thumbnail

[JavaScript30] 🍽 15. LocalStorage

리스트에 아이템을 추가하고, 로컬 스토리지에 저장하여 페이지에 출력하기

2021년 7월 10일
·
0개의 댓글
post-thumbnail

[JavaScript30] 📄 14. JavaScript References VS Copying

Use JavaScripte References, Copying

2021년 7월 10일
·
0개의 댓글
post-thumbnail

[JavaScript30] 🖱 13. Slide In on Scroll

debounce를 활용해 스크롤 이미지 자리의 중간까지오면 이미지가 양 옆에서 날아오는 효과를 적용.

2021년 7월 9일
·
0개의 댓글