Web_DAY1

HTML

• VS Code에서 live server extension 설치하면 서버에서 html 파일 실행할 수 있다.

<meta name="viewport" content="width=device-width, initial-scale=1.0">

• 반응형 웹 설정의 가장 기본이다. 각 device에 맞게 디자인이나 텍스트 사이즈를 맞추는 역할을 한다.

<a href="index.html#bottom">인덱스 바닥글로 이동</a> 

• 다른 페이지의 id, className에도 접근이 가능하다.

• ul 태그는 Unordered list, ol 태그는 Ordered list이다.

• em 단위는 기본 폰트의 medium 사이즈의 100%를 의미한다.

    <table border="1">
        <colgroup>
            <col><col><col><col><col>
        </colgroup>
        <thead>
		...
    </table>

• colgroup 태그는 열 갯수만큼 내부에 col태그를 사용해주면, 세부 열 설정이 가능하다. 출력에는 변화가 없다.

• form 태그로 파일 전송 시, 반드시 method="post" enctype="multipart/form-data" 필요

• input type=button과 button 태그의 차이: button 태그는 반드시 이벤트를 지정해 줘야 하고, input은 form 안에 있다면 value 값을 기본적으로 보내고 받는다는 특징이 있다.

Javascript

• script 태그를 이용하여 js 코드를 짤 때, 위에서부터 읽어오므로 이벤트 할당 시, 항상 body 태그의 마지막에 넣어줘야 한다.

• 백틱, ${} 용법은 ES6 용법이다.

• event.stopPropagation()은 이벤트의 버블링을 막는다.