봉보로봉봉

array(push, pop, slice, join, concat, splice, shift) date(날짜) +교재보고 훑어보기 number, string, array, object(객체) 열심히 공부~ 소수점 자르기 가위바위보 만들기 switch 문 //숫자 1,2,3에 맞춰서 가위,바위,보를 출력 if (comNum == 1) { comResult = '가위'; } if (comNum == 2) { comResult = '바위'; } if (comNum == 3) { comResult = '보'; } //이런 상황에서는 switch문이 더 가독성이 좋음 switch(comNum){ case 1 : comResult = '가위'; break; //switch문은 계속 실행하기때문에 끝내줘야함 case..

최대한 적은 줄로 코드를 짜기 위해 노력해야함! 2단부터 9단까지 구구단 한번에 출력하기 내가 혼자 풀었을 때는 let num = 2; ran = 1; cal_2 = ''; while (num < 10) { while (ran < 10) { cal_2 += `${num} x ${ran} = ${num * ran} `; ++ran; }; ran = 1; elGugudan_final.innerHTML = `${cal_2}`; num++; } //이렇게 하면 결과물들이 다닥다닥 붙어서 나옴 이렇게 되서 다닥다닥 붙어서 나왔는데 선생님의 방법으로 작성하니 let num = 2; ran = 1; cal_2 = ''; let step = 1; while (num

ggd = 2; x = 1; while (ggd

삼항 조건 연산자 : 세 개의 피연산자를 취할 수 있는 유일한 연산자 condition ? exprIfTrue : exprIfFalse // condition : 조건문으로 들어갈 표현식 // exprIfTrue : true일 때 치환될 값 // exprIfFalse : false일 때 치환될 값 let greeting = person => { let name = person ? person.name : `stranger` return `Howdy, ${name}` } console.log(greeting({name: `Alice`})); // "Howdy, Alice" console.log(greeting(null)); // "Howdy, stranger" + null은 false를 반환 참고 let ..

수업시간만으로 충분하다고 생각하지 말고 수업시간 외에 1시간정도 시간들여 연습하기! 틈틈히 내주는 과제도 열심히 하기! 홈페이지들(참고 사이트 : 디비컷)을 보고 어떻게 구현했을지 생각해보기 https://www.dbcut.com/bbs/index.php 스크립튼가? CSS인가? 어떻게 만들었지? 로직 > 스크롤을 해서 컨텐츠가 하단에 있을때 움직임을 주어라 window height : 786 content : 800 스크롤양 : 800 스크롤양을 비교하면 컨텐츠 위치를 알수잇음 786 html 태그와 js 코드를 분리할 수 있음 외부파일로 분리 : js를 별도의 파일로 분리 > 보다 엄격하게 정보와 제어를 분리 가능 script 파일은 head 태그 보다 페이지의 하단에 위치시키는 것이 더 좋은 방법이..

배열 : 순서가 있는 리스트 let students = ['철수', '영희', ... '영수'] 배열은 []대괄호를 사용하고 ,를 이용해서 구분 배열을 탐색할 때는 고유 번호를 사용 : 인덱스 (index) 순서는 0부터 시작 console.log(students[0]); //철수 console.log(students[1]); //영희 console.log(students[29]); //영수 students[0] = '민정'; 수정도 가능 배열은 문자 뿐만 아니라, 숫자, 객체, 함수 등도 포함할 수 있음 다양하게 넣을 수 있음 length : 배열의 길이를 구할 수 있음 그 요소가 가진 배열의 갯수를 반환 students.length // 30 push() : 배열 끝에 추가 let days = ['월..

method : 객체 프로퍼티로 할당 된 함수 const superman = { name : 'clark', age : 33, fly : function(){ console.log('날아갑니다.') } } superman.fly(); // console에 '날아갑니다.'가 찍힘 > fly는 superman개체의 method const superman = { name : 'clark', age : 33, fly(){ console.log('날아갑니다.') } } 이렇게 function을 생략해 줄여서 쓸 수 있다. +객체의 키와 프로퍼티는 : 를 사용해서 적는다. = 를 사용하면 에러가 남! const user = { name : 'Mike', sayHello : function(){ console.log..

객체 (Object) const superman = { name : 'clark', age : 33, } 객체는 중괄호로 작성하고 키와 값으로 구성된 프로퍼티가 들어감 프로퍼티는 ,로 구분함 마지막 ,는 필요없지만 있는게 수정, 삭제, 이동에 용이 접근 superman.name // 'clark' > .을 사용 superman['age'] //33 > []대괄호 사용 추가 superman.gender = 'male'; > 접근과 같이 .을 사용 superman['hairColor'] = 'black'; > 접근과 같이 []대괄호 사용 삭제 delete superman.hairColor; >delete를 사용 삭제하고 싶은 프로퍼티 앞에 붙여줌 단축 프로퍼티 const name = 'clark'; cons..