AI School_0323TIL

구글 크롬 확장프로그램 supercopy를 사용하면 글이 안써지는 이슈를 발견했다.
덕분에 첫 글 작성부터 막혔다.
개발자들 간 이슈와 정보를 공유하는 것은 무척 좋지만 그거야 검색으로 충분히 해결되는 것이고 velog로 글을 작성하기엔 너무 조악한 부분이 많다.
그래도 쓰라고 하니 쓴다.

자바스크립트의 결과를 브라우저의 검사 도구로 확인했다.

HTML은 정보이다.

CSS는 디자인이다.

자바스크립트는 사용자와 상호작용하는 것이다.

<!doctype html>
<html>
<head>
    <title>WEB</title>
    <meta charset="utf-8">
    <style>
        h1{
            border-bottom:10px solid red;
            padding:30px;
        }
        
        @media all and (min-width: 480px){ 
            #container{
                display:grid;
                grid-template-columns: 150px 1fr;
            }

        }

        body{
            font-family: 'Palette Mosaic', cursive;
        }
    </style>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Palette+Mosaic&display=swap" rel="stylesheet">
</head>
<body>
    <input type="button" value="night" onclick="
        document.querySelector('body').style.backgroundColor = 'black';
        document.querySelector('body').style.color = 'white';
    ">

    <input type="button" value="day" onclick="
        document.querySelector('body').style.backgroundColor = 'white';
        document.querySelector('body').style.color = 'black';
    ">
    
    <h1><a href="index.html">WEB</a></h1>
    <div id="container">
        <ol>  
            <li><a href="1.html">html</a></li>
            <li><a href="2.html">css</a></li>
            <li><a href="3.html">JavaScript</a></li>
        </ol>
        <div>
            <h2>Welcome!</h2> 
            Hello <a href="http://info.cern.ch/hypertext/WWW/TheProject.html">WEB</a>
        </div>
    </div>


</body>
</html>

위 코드의 결과는 아래 홈페이지로 들어간다.

https://burninghering.github.io/daegu-ai-school-web/index.html

자바스크립트를 알아야만 클라이언트와 서버가 통신하는 방법을 알 수 있는데,

보면 볼수록 어려운 것 같다.

강사님의 생활코딩 강의를 참고해야겠다.

Author And Source

이 문제에 관하여(AI School_0323TIL), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@burninghering/AI-School0323TIL-pop0hqac

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

AI School_0323TIL

Author And Source

좋은 웹페이지 즐겨찾기