전체태그 보기

#javascript30 (8개의 포스트)

choi8608

4. Array Cardio Day

약 6시간 전0개의 댓글
개요 Array 의 prototype function 을 사용해보자. foreach, sort, reduce, map 배운 점 1. Array 의 prototype function 인 foreach, sort, reduce, map 의 사용법을 실습해 보았습니다. 추가적으로 찾아볼 것 - Array 의 prototype function 추가...
choi8608
image.png 개요 range, color input 태그에 이벤트 리스너를 달아보자. 배운 점 1. CSS 내에서의 변수 값 사용 - :root 문서의 최상위 단계에 정의되는 요소. - `` 키워드를 통해 CSS 에서 변수를 사용할 수 있습니다. 2. 여러 종류의 CSS 단위에 대응하기 위해 태그에 dataset 을 활용할 ...
choi8608

2. CSS + JS Clock

5일 전0개의 댓글
image.png 개요 현재 시간에 대응하여 움직이는 아날로그 시계를 만들어보자. 배운 점 1. CSS property 사용 - transition: 정해진 시간 동안 요소의 속성값을 부드럽게 변화시킬 수 있습니다. 3. setInterval 메서드를 통한 반복 실행 - 일정한 시간 간격으로 작업을 반복 수행하기 위해서 사용합니다. ...
choi8608

1. JavaScript Drum Kit

6일 전0개의 댓글
image.png 개요 키보드 이벤트에 반응하는 div 와 audio 태그를 만들어보자. 배운 점 1. Array.prototype.forEach() 의 사용 - Array 객체에서만 사용할 수 있으며 CallBack 함수를 매개변수로 받아 Array 의 모든 요소에 대해 CallBack 함수를 수행합니다. 2. ES6 의 화살표 함수 -...
choi8608
image.png 개발자 부트캠프를 기다리면서 목표가 흐릿한 공부를 하는 것보다는 무엇이라도 만들면서 하는 것이 좋다고 생각되어 검색을 하던 중 30일간 진행되는 Vanilla JavaScript 챌린지를 찾았다. 이미 어느 정도 문법이 익숙한 것을 전제로 한 강의여서 그런지 첫번째 부터 시간이 걸렸지만 답안도 공개되어 있고 이미 여러 블로그에서 풀...
11월 둘째 주 TWIL
sgyoon

11월 둘째 주 TWIL

2019년 11월 9일0개의 댓글
String.prototype.match() / String.prototype.replace() / Canvas API / Attribute modifications / 개발자 도구 console 객체의 여러가지 메서드를 이용하기 / MouseEvent.shiftKey / KeyboardEvent.shiftKey / element.checked
JavaScript 30 Day3 + Day5
sgyoon

JavaScript 30 Day3 + Day5

2019년 11월 8일0개의 댓글
JavaScript 30 코스 Day3과 Day5에서 배운 점을 정리하고, 그를 이용해 새로운 미니 프로젝트를 만들었다.
JavaScript 30 Day1 + Day2
sgyoon

JavaScript 30 Day1 + Day2

2019년 10월 27일0개의 댓글
JavaScript 30 코스 Day1과 Day2에서 배운 점을 정리하고, 그를 이용해 새로운 미니 프로젝트를 만들었다.