대구AI스쿨 03.25

학습한 내용

진도와 학습한 내용을 작성, 소스파일을 실행한 결과 첨부

조건문과 반복문 : 실제로 일을 하는 코드
lorem 탭 = 의미 없는 문장 생성

<input type="button" value="night" onclick="
            document.querySelector('body').style.color='whithe';
            document.querySelector('body').style.backgroundColor='black';

        ">

<input type="button" value="night" onclick="
            if(this.value === 'night'){
                document.querySelector('body').style.color='white';
                document.querySelector('body').style.backgroundColor='black';
                this.value = 'day';
            } else {
                document.querySelector('body').style.color='black';
                document.querySelector('body').style.backgroundColor='white';
                this.value = 'night';
            }
            
        ">

i=i+1 이랑
i=++1 이랑 같은말

` = 백틱 사용하면 더 쉽게 가능

let allclick = document.querySelectorAll('input');
for(let i=0;i<allclick.length;i++){
    allclick[i].click();
}

let inputs = document.querySelectorAll('input');
for(let i=0; i<inputs.length; i=i+1){
if(inputs[i].value>100){
inputs[i].click();
}
}

&&이랑 ,(콤마)랑 같은 의미?

내장함수 = 빌트인 펑션

함수는 서로 연관된 코드를 그룹핑해서 이름을 붙인 것이다.

함수가 좋은 이유
1. 코드가 간결해진다.
2. 가독성이 좋아진다.
3. 유지보수가 편해진다.

하나의 부품이 하나의 기능만하는게 좋다?
함수도 하나의 기능만 하는 것이 좋다고 함.

https://seomal.com/map/1/181
변수와 함수에 대해서 추가학습을 원하는 사람에게 추천강의

객체지향은 서로 연관된 변수와 함수를 그룹화하여 이름을 붙인 것이다.

<html>
    <body>
        <h1>Object</h1>
        <script>
            let student = ['egoing', 'duru']
            console.log(student[0], student[1]);

            let memeber = {developer:'egoing', designer:'duru'}; 
            console.log(memeber.developer, memeber.designer);

            let person = {name:'egoing', city:'seoul', job:'developer'};
            console.log(person.name, person.city, person.job);

            let MyMath = {}
            MyMath.PI = 3.14;
            MyMath.sum = function(val1, val2){
                return val1+val2;
            }
            console.log(MyMath.PI);
            console.log(MyMath.sum(10,20));
        </script>
    </body>
</html>

오브젝트

<html>
    <head>
        <meta charset="utf-8">
        <style>
            h1{
                border-bottom: 10px solid  black;
            }
        </style>
    </head>
    <body>
        <input type="button" value="night" onclick="
            document.querySelector('body').style.backgroundColor = 'gray';
            document.querySelector('body').style.color = 'white';
            this.value = 'day';
        ">
        <h1><a href="index.html">WEB</a></h1>
        
        <ol>
            <li><a href="1.html">html</a></li>
            <li><a href="2.html">css</a></li>
            <li><a href="3.html">js</a></li>

        </ol>
        <h2>Welcome</h2>

    </body>
</html>

복습

학습한 내용 중 어려웠던 점 또는 해결못한 것들

학습하면서 이해하기 어려웠던 내용들에 대해 작성하고 또는 아직 해결하지 못한 내용들을 작성
1. 문제

해결방법 작성

이해하기 어려웠던 점 또는 해결못했던 점들을 어떻게 해결을 했는지 아니면 이렇게 이해를 했다라는 것들을 작성 또는 아직 이해가 안간다면 어디까지 이해했는지를 작성하고 다음에 시도해볼 방법에 대해서 작성

해결
세미콜론, 쉼표 오타...

학습 소감

학습을 하면서 느꼈던 점들에 대해 작성

JS함수를 그냥 뜯어고치면서 이해를 했는데 작성 원리를 처음 부터 차근 차근 설명해주시니 이해가 잘 되었다. 프론트엔드쪽 공부를 했었지만 js 함수쪽으로는 많이 부족했는데 차근 차근해보면서 다시 공부를 해보고 싶은 생각이 들었다.

이론을 그냥 듣기만하는 것 보다 작게 문제를 풀어보면서 배운 것을 응용하는 것이 이해가 더 잘되서 학습이 잘 되는 것 같다.

수업에 사용하시는 vscode 다크모드로 해주시면 좋겠다...

Author And Source

이 문제에 관하여(대구AI스쿨 03.25), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@gunho-sung/대구AI스쿨-03.25