let
var처럼 변수를 선언할때 사용함.
특정지역에서'만' 사용하겠다고 선언해주는 것 >> 즉 사용범위를 설정해주기 위해서
const
상수. 변하지 않는 변수변수를 변형시키지 않을때 사용함. 그래서
const index=0;
function hello(){
console.log(index);
index ++;
}
hello();
hello();
이런식으로 const로 선언해준 변수를 변화시키려고 하면 두번째 함수를 적용할때 에러가 난다.
별찍기
별로 직사각형 만들기
for (let i = 0; i < 5; i++) {
for (let j = 0; j <= 5; j++) {
document.write('*')
}
document.write('<br>');
}
for(let i=0; i<10; i++){
for(let j=0; j<i; j++){
document.write('*');
}
document.write('<br/>');
}
for(let i = 0; i < 5; i++) {
for(let j = 4; j > i; j--) {
document.write(' ');
}
for(let j = 0; j <= i; j++) {
document.write('*');
}
document.write('<br>');
}
for(let i = 0; i < 6; i++) {
for(let j = 5; j > i; j--) {
document.write(' ');
}
for(let j = 0; j <= i; j++) {
if(j != i){
document.write('*');
document.write(' ');
}
}
document.write('<br>');
}
첫번째는 b로, 두번째  는 a로 바꿔봤다
위에 한줄이 비는 이유가 이거 였다 윗줄이 설정값으로 가득찬거 왜냐면 j<=i로 했기때문에 j가 0으로 시작할때는 씹히고 시작하는 거였다.
배열
>> querySelectorAll은 특정 data를 객체로써 가지고 와서 element로 해석한 것.
그걸 풀어내면 이런 형식
let ullist = {
'0':document.createElement('li'),
'1':document.createElement('li'),
'2':document.createElement('li'),
'3':document.createElement('li'),
'4':document.createElement('li'),
}
console.log(ullist);
지금까지 만들었던 함수 형태 : 함수를 정의한 것
function hello(){
console.log('happy');
}
hello();
NEW : 함수를 만들어서 변수에 넣은 것
const hi = function(){
console.log('cheese');
}
hi();
>> 함수를 만들어서 hi라는 변수에 집어넣음
'Lecture' 카테고리의 다른 글
Web page 만들기/ 반응형 (0) | 2021.04.08 |
---|---|
0401.객체 (0) | 2021.04.01 |
0331.객체 (0) | 2021.03.31 |
slider - pause/play btn (0) | 2021.03.31 |
0330.기초 (0) | 2021.03.30 |