JavaScript30

A, S, D, F, G, H, J, K ,L 의 키입력을 받아 맞는 애니메이션효과와 드럼 소리를 출력하는 Drum Kit

아날로그 시계 구현하기.

spacing과 blur, base color를 조절하여 이미지를 변화시키기.

배열과 배열제어에 대해 공부.

flex-box를 이용한 레이아웃 및 효과를 공부.

웹에서 정보를 받아와 Live Search기능을 구현

자바스크립트의 메소드 익히기.

HTML에 canvas를 이용해 각종 효과를 넣어봄.

콘솔창에 각종 연산 및 효과를 넣는 방법들

shift키로 체크박스를 동시에 체크 할 수 있는 기능을 추가하는 것

동영상 플레이어의 다양한 기능을 자바스크립트로 구현.

키 입력을 받아 콘솔창에 배열로 뜨게 하고, secretCode를 입력하면 유니콘이 나오게 설정

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

Use JavaScripte References, Copying

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

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

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

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

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

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

나침반 구현하기

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

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

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

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

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

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

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

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

두더지 잡기 게임