본문 바로가기

분류 전체보기

 (207)
array 비우기 arr.splice(0);
Array.prototype.join() join() method는 array에 있는 모든 elements를 연결해서(concatenation) 하나의 string return const elements = ['Fire', 'Air', 'Water']; console.log(elements.join()); // expected output: "Fire,Air,Water" console.log(elements.join('')); // expected output: "FireAirWater" console.log(elements.join('-')); // expected output: "Fire-Air-Water" elements라는 array에 3개의 단어가 있다. elements.join()을 하면 Fire,Air,Water 이렇게 comma가..
innerHTML vs. textContent vs. innerText This element contains an inner span. 이런 paragraph가 있을 때, innterHTML This element contains an inner span. 모든 spacing과 element tags가 다 포함됨 textContent This element contains an inner span. element tags는 없지만 spacing은 그대로 innerText This element contains an inner span. 딱 텍스트만. element tags 없음 trimmed 출처 https://teamtreehouse.com/community/innertext-vs-innerhtml#:~:text=Unlike%20innerText%2C%20though%2..
Hangman (4) - keydown event listener 이 포스트는 Udemy에 올라온 Brad Traversy의 20 Web Projects With Vanila JavaScript 강의를 보고 정리하는 내용입니다! https://www.udemy.com/course/web-projects-with-vanilla-javascript/ 20 Web Projects With Vanilla JavaScript Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries) www.udemy.com 1. element 받아오기 const wrongLettersEl = document.getElementById("wrong-letters"); co..
Hangman (3) - CSS 이 포스트는 Udemy에 올라온 Brad Traversy의 20 Web Projects With Vanila JavaScript 강의를 보고 정리하는 내용입니다! https://www.udemy.com/course/web-projects-with-vanilla-javascript/ 20 Web Projects With Vanilla JavaScript Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries) www.udemy.com 1. body body { background-color: #34495e; color: #fff; display: flex; flex-directio..
Hangman (2) - html 이 포스트는 Udemy에 올라온 Brad Traversy의 20 Web Projects With Vanila JavaScript 강의를 보고 정리하는 내용입니다! https://www.udemy.com/course/web-projects-with-vanilla-javascript/ 20 Web Projects With Vanilla JavaScript Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries) www.udemy.com Wrong e,r,t,y h e l l o Game Cotainer 속 wrong-letters에는 시도했던 단어들이 들어가고 word에는 정답 단어..
Hangman (1) - Draw Hangman with SVG 이 포스트는 Udemy에 올라온 Brad Traversy의 20 Web Projects With Vanila JavaScript 강의를 보고 정리하는 내용입니다! https://www.udemy.com/course/web-projects-with-vanilla-javascript/ 20 Web Projects With Vanilla JavaScript Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries) www.udemy.com 1. 첫 화면 2. 목표 svg를 이용해서 그리려는 행맨! 마지막 다리까지 그려지만 자동으로 게임이 끝나서 ㅋㅋㅋㅋ 마지막 다리가 그려지기 전에 일단..
Modal 복습 HTML Open Modal Hello World Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolor natus cupiditate, obcaecati odio sit ducimus eos dolores accusantium tenetur rem. CSS * { box-sizing: border-box; } body { font-family: Arial, Helvetica, sans-serif; } .btn { cursor: pointer; background: #8fcfd1; color: white; font-weight: 700; font-size: 16px; padding: 10px 20px; border: none; border-rad..

티스토리툴바