둥지

자바스크립트의 배열에 대해서 공부하는 파트입니다. 1. Filter the list of inventors for those who were born in the 1500's (1500년대에 태어난 발명가들을 필터링하라.) let fifteen = inventors.filter((inventor) => (inventor.year >= 1500 && inventor.year < 1600)); console.table(fifteen); console.table로 출력하면 데이터가 테이블 형태로 나옵니다. 2. Give us an array of the inventors' first and last names (발명가의 이름과 성으로 구성된 배열을 제공하라.) let fullNames = inventors.m..

원문 코드는 아래로 들어가시면 있습니다. 필요하신분들은 클론해서 쓰시면 됩니다. 출처 : https://github.com/wesbos/JavaScript30/tree/master/03%20-%20CSS%20Variables wesbos/JavaScript30 30 Day Vanilla JS Challenge. Contribute to wesbos/JavaScript30 development by creating an account on GitHub. github.com Javascript30의 세 번째 프로젝트는 css 변수입니다. css에서 변수를 사용할 수 있는데 사용법은 간단합니다. :root { --base: #ffc600; --spacing: 10px; --blur: 10px; } style ..

원문 코드는 아래로 들어가시면 있습니다. 필요하신분들은 클론해서 쓰시면 됩니다. 출처 : https://github.com/wesbos/JavaScript30/tree/master/02%20-%20JS%20and%20CSS%20Clock wesbos/JavaScript30 30 Day Vanilla JS Challenge. Contribute to wesbos/JavaScript30 development by creating an account on GitHub. github.com Javascript30의 두 번째 프로젝트는 js와 css로 시계 만들기입니다. 트랜지션에 대해 잘 몰라 다음의 블로그를 참고하였습니다. 출처 : https://takeuu.tistory.com/42 2. CSS + JS C..

원문 코드는 아래로 들어가시면 있습니다. 필요하신분들은 클론해서 쓰시면 됩니다. 출처 : https://github.com/wesbos/JavaScript30/tree/master/01%20-%20JavaScript%20Drum%20Kit wesbos/JavaScript30 30 Day Vanilla JS Challenge. Contribute to wesbos/JavaScript30 development by creating an account on GitHub. github.com Javascript30의 첫 프로젝트는 자바스크립트로 드럼만들기입니다. 첫 프로젝트를 열어보면 아래의 구조로 이루어져 있습니다. 이번 프로젝트에서 필요한 사운드가 들어있는 폴더와 스타일이 정의된 styles.css이 있으며..