DEV15 [JS30] day 2 - CSS Clock HTML / CSS @font-face { font-family: 'LAB디지털'; src: url('') format('woff'); font-weight: normal; font-style: normal; } html { background: #121212 url(); background-size: cover; font-family: 'helvetica neue'; text-align: center; font-size: 10px; } body { margin: 0; font-size: 2rem; display: flex; flex: 1; min-height: 100vh; align-items: center; } .clock { width: 30rem; height: 30rem; border: 1px .. 2021. 12. 6. [JS30] day 1 - drumkit HTML A clap S hihat D kick F openhat G boom H ride J snare K tom L tink data-key data-*** 형식으로 가지고 있는 속성 값을 부여해 주는 태그, data-아무거나 넣어도 된다! CSS/JS 모두 접근할 수 있으며 문법은 아래와 같다 👇 JS data-my-key ⇒ (속성을 가지고 있는 요소).dataset.myKey (속성을 가지고 있는 요소)[data-my-key="값"] { css구문~~ } 키보드가 가지고 있는 키 값을 알려주는 사이트 http://keycode.info/ CSS 사용 부분 .keys { display: flex; flex: 1; min-height: 100vh; align-items: center; justify.. 2021. 12. 5. Javascript 30-course 끝! [JavaScript30?] Javascript30 couse는30일동안 vanila JS로 30개의 토이프로젝트(정말 toy한...)를 만드는 강의이다 강의는 https://javascript30.com/ 또는 WesBos의 youtube channel에서 볼 수 있고 무료라 인기가 많은 강의임!! 10월 24일에 시작했던 Wes Bos의 JavaScript30일 코스가 끝이 났다🎉 20일 초반까지는 매일 했었는데, 후반부에는 관통프로젝트에 온 힘을 쏟으면서 잠시 쉬었었기 때문에 딱 30일에 맞춰 끝내지는 못했다. 그래도 완주한게 자랑스러워! 나는 Notion에 정리하면서 들었고, 이제 다시 티스토리에 하나 하나 정리해 나갈 예정이다. 강의, 자막 둘다 영어로 밖에 없다보니 정말 모르는게 있을 때는 검.. 2021. 12. 4. 이전 1 2 3 4 다음
