안녕하세요 오늘도 자스 연습을 해보도록 하겠습니다 자바스크립트30일 챌린지 바로 가기 JavaScript 30 Build 30 things with vanilla JS in 30 days with 30 tutorials javascript30.com 목차 바로가기 1. 오늘의 과제는? 2. 내가 만든 파일 3. finished파일 리뷰 4. 배운 점 & 느낀 점 1. 오늘의 과제는? 오늘은 몇가지 배열 같은 데이터들을 이용해서 자바스크립트 배열과 관련된 함수를 써보는 과제입니다. start 파일의 주석을 읽어보시면 데이터를 가지고 뭘 해야하는지, 어떤 함수를 써야하는지까지 나와있습니다. 이를 보시고 finished 파일처럼 작동하게 만드시면 됩니다. start.html Psst: have a look a..
안녕하세요 오늘도 자스 연습을 해보도록 하겠습니다 1. 오늘의 과제는? 오늘은 js를 사용해서 실시간으로 CSS변화를 만드는 애플리케이션을 만들어야 합니다. 우선 start.html 파일은 이러합니다. Update CSS Variables with JS Spacing: Blur: Base Color 여기서 시작해서 finished 버전과 같게 동작하게 만들면 됩니다. 2. 내가 만든 파일 CSS 파일 body { text-align: center; background-color: #193549; color: white; font-weight: 100; font-size: 50px; } .controls { margin-bottom: 50px; } input { width: 100px; } img { fi..
이번에 웹서핑을 하면서 좋은 것을 보게 되었다 바로 javascript challenge 30 이라는 것이다. https://javascript30.com/ - 해당 사이트에 들어가면 무료로 콘텐츠를 사용할 수 있다. 제목에서도 알 수 있듯이, 30일 동안 매일 하나씩 JS 과제를 하는 것이다. 내가 하려는 것은 https://github.com/nicewook/JavaScript30 - 해당 깃헙을 fork해서 각 폴더에 있는 start파일을 써서 finished파일 처럼 작동할 수 있게 만드는 것이다. 막히는 것이 있으면 강의영상(무료다!!)을 참고하고 공부한 것들을 정리해서 여기 블로그에 쓸 것이다. 1. 오늘의 과제는? 오늘은 첫번째로 드럼 사이트를 만들게 된다. html css js로 키보드를 ..
