본문 바로가기

Lecture

0331.

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('&nbsp');
                }
                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('&nbsp');
                }
                for(let j = 0; j <= i; j++) {
                    if(j != i){
                        document.write('*');
                        document.write('&nbsp');
                    }
                }
            document.write('<br>');
        }

첫번째는 b로, 두번째 &nbsp는 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