목록스터디/유데미 Web Developer 스터디 (18)
안녕하세요
243. getElementById : id로 찾습니다. const banner = document.getElementById('banner') I ♥ unicorns https://devsprouthosting.com/images/unicorn.jpg" id="unicorn" alt="unicorn"> PRACTICE : unicorn, mainheading 이라는 id를 가진 태그를 image, heading 변수에 저장하기 const image = document.getElementById("unicorn") const heading = document.getElementById("mainheading") 244. getElementsByTagName & className : 여러개의 tag나 cl..
231. 기본 매개 변수 (default) : 매개변수로 아무 것도 입력받지 않았을 경우 대신 입력할 값입니다. (옛날방식 : 조건문으로 만들었습니다.) function rollDie(numSides) { if (numSides === undefined) { // 조건으로 매개변수가 undefined일 때 실행하도록 합니다. numSides = 6 } retrun numSides } 실제로 쓰는 방식 : [매개변수 = 값] 지정하기 function multilply(a, b = 1) { return a * b; } multiply(4) // b에 인수를 주지 않았기 때문에 b는 default 값인 1이 됩니다. 따라서 4 * 1 이 됩니다. function greet(a, b="hi", c="!") { ..
221. forEach 메서드 배열에 사용하는 forEach함수는 아래와 같은 형태로 사용합니다. movies.forEach( function ( el ) ) { console.log(el) } const movies = [ { title : "마블", score : 100 }, { title : "멈블", score : 0 }, ] movies.forEach( function ( movie ) ) { // movies 라는 배열을 순회합니다. console.log(`영화제목 : ${movie.title} 스코어 : ${movie.score}`) } // 출력 결과 영화제목 : 마블 스코어 : 100 영화제목 : 멈블 스코어 : 0 222. map 메서드 : forEach와 같은 형태로 사용되며, 배열을..
202. 할 일 목록 프로젝트 따라하기 204. 함수 개요 205. 함수 설명 206. 인수 개요 매개변수(firstName)는 일종의 플레이스홀더입니다. function greet(firstName) { console.log(`Hey there, ${firstName}!`) } 인수('Elvis')는 함수를 실행할 때 괄호 안에 전달하는 값입니다. greet('Elvis') PRACTICE 문자열을 3번 출력하는 함수 function rant(message) { for ( i=0 ; i