[NEXT 10th Assignment] Session 12 - Javascipt응용 - 키보드 피아노

[rkdud007]

과제명 : 자바스크립트 응용 - 키보드 피아노

---

필수 요구 사항

• audio 변수를 html에서 select해주세요. audio변수는 누르는 키보드에 헤당하는 keycode를 가지고 있는 음악파일입니다.
• key 변수를 html에서 select해주세요. key 변수는 누르는 키보드에 헤당하는 keycode를 가진 li 태그입니다.
• 누른 key에 play 클래스를 부여하고 제거하세요
• 키보드를 눌렀을때 play함수가 실행되게, 키보드를 뗀다면 pause함수가 실행되게 해주세요

선택 요구 사항

• Css , Html 등을 이용해 본인만의 커스텀 악기를 예쁘게 만들어주세요
• 혹은 다른 음악파일들을 이용한다면.. ? 드럼 / 피아노 / 바이올린 등 원하는대로 얼마든지 수정해서 만들어주세요

과제 제출 예시

1. 이름
2. 레퍼지토리 주소
3. gif

마감일

5월 26일 목요일

[eauchan]

1.이의찬
2. https://github.com/eauchan/Next_LikeLion/tree/main/Session12_HW/Session12_HW
3.

[HaYoonsoo]

1. 하윤수
2. https://github.com/HaYoonsoo/likelion/tree/master/Session12_HW

2022-05-22.12.10.46.mov

[Park747]

1. 박견우
2. https://github.com/Park747/Likelion-Assignment/tree/master/session12_HW

[extrajunwan]

1. 박준완
2. https://github.com/extrajunwan/NEXTLikeLion10th/tree/master/Session12_HW

Screen.Recording.2022-05-25.at.14.29.03.mov

[seoulmango]

1. 박기만
2. https://github.com/seoulmango/Likelion2022_HW/tree/master/Session12_HW

Screen.Recording.2022-05-26.at.12.17.24.PM.mov

[innerstella]

1. 차수지
2. https://github.com/innerstella/NEXT-X-LION-10/tree/master/session12/session12/day1

piano.mp4

[ziweek]

1. 김지욱
2. https://github.com/ziweek/likelion/tree/master/Assignments/Session12_HW/session12

[nymvmt]

1. 김나영

2022-05-30.11.49.46.mov

3. https://github.com/nymvmt/NEXT_LikeLion_HW/tree/master/Session12_JS/Session12_HW/day1

[jisoolee0929]

1. 이지수
2. https://github.com/jisoolee0929/NEXTLION/tree/master/session12

ezgif.com-gif-maker.mp4

[CryingDitto]

1. 이지은

2. 젓가락 행진곡 쳤는데 gif라 그런가 소리가 안 나네여...? 소리나는 영상 piano.mp3는 github 폴더 안에 있어요.
   

3. https://github.com/CryingDitto/NextLionX/tree/master/Session12_HW/day1

[sonsoowon]

1. 손수원
2. https://github.com/sonsoowon/Nextlion_HW/tree/master/Session12_HW

Piano.by.Gayeong.-.Chrome.2022-05-31.20-49-02.mp4

[toyo30]

백민기
2.
https://github.com/toyo30/next-like-lion/tree/main/Session12_HW
3.

default.mp4

[Serinnnnn]

1. 홍세린
2. https://github.com/Serinnnnn/LIKELION-HW-/tree/main/Session12

[y0oo0n]

1. 윤정윤
2. https://github.com/y0oo0n/Homeworks/tree/main/Session12_HW

Piano.by.Jungyoon.-.Chrome.2022-06-02.07-48-17.mp4

[alswlalswl1013]

1. 김민지
2. https://github.com/alswlalswl1013/LIKELION2022/tree/master/Session12_HW

Piano.by.Gayeong.-.-.Microsoft.Edge.2022-06-02.3_18_56.mp4

[onelee812]

1. 이예원
2. https://github.com/onelee812/LikeLion22/tree/main/Session12_HW

session12.mov

[sophiahyj]

1. 한예진
2. https://github.com/sophiahyj/likelionHW/tree/master/Session12_HW

piano.mp4

[Moi1oM]

1. 전성운
2. https://github.com/Moi1oM/Next_likelion_HW/tree/master/session12/day1

Piano.by.Gayeong.-.Chrome.2022-06-02.20-57-50.mp4

[ssoy0514]

1. 이소희

3. https://github.com/ssoy0514/NextxLikelion-HW.git

분명 써있는대로 했는데 버튼이 안눌리는..코드 수정해보겠습니당ㅠ

[rfdseoul]

1. 전민철
2. https://github.com/rfdseoul/firstsession/tree/master/day1

2022-06-02.11.51.14.mov

[willbeagangsta]

1. 김하경
2. https://github.com/willbeagangsta/Next_Lion_Gang

[HyeyoungEum]

1. 엄혜영
2. https://github.com/HyeyoungEum/2022NEXTLikeLion/tree/master/session12HW

https://drive.google.com/file/d/1nvXS7T7bvcoPnYvmbE_e5643ZCFC_5bE/view?usp=sharing

[notaonce]

1. 한성수
2. https://github.com/notaonce/Assignment1.git

piano.mp4

[kchaehyeon01]

1. 김채현
2. https://github.com/kchaehyeon01/NEXTLikeLion2022/tree/master/Session12_HW

_2022_06_03_21_02_28_529.mp4

[fortepiano13]

1. 양휘민
2. https://github.com/fortepiano13/HW/tree/main/Session12_HW

2022-06-04 05-21-21.zip

[Pelixhoon]

1. 송명훈
2. https://github.com/Pelixhoon/NEXTxLikelion/tree/master/Session12_HW

[99rbbt]

1. 신재현
2. https://github.com/99rbbt/Nextlion2022/tree/master/Session12_HW/day1
   3
   
   .