## 220404 Day08 Today I Learned
- Node.Js Install
- VSCode Install
- VSCode Extension
- Index.html
Node.Js
- https://nodejs.org/ko/ -> LTS download
- Node version check : node -v
- https://github.com/coreybutler/nvm-windows/releases -> " nvm-setup.zip " download
- NVM version check : nvm version
VSCode
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
VSCode Extension
- Korean Language
- Live Server
- Auto Rename Tag
- Beautify
Empty Tag
- <img>
- <img/>
- => HTML5(현재 표준)에서는 둘 다 사용가능하다. 표준문법 위반은 아니지만 통일성을 주는 것이 좋다.
Block(상자)
- 레이아웃을 잡기 위한 용도.
- 글자가 아닌 구조를 만드는 역할
- display : block;
Inline(글자)
- 블럭 내 글자를 관리
- display : inline;
global attribute(전역 속성)
- 모든 html 태그에 사용할 수 있는 속성
- ex) title, class, id, index, tab, data,,,
- src는 전역속성이 아니다..!
HTML - CSS 연결하기
- link로 연결
- <link rel="stylesheet" href="filename.css">
- 파일 내부에 내장(builtin/임베드 방식)
- <style></style>
- 전역 속성 값 부여 (인라인방식)
- <div style="color : red">
- 요소를 찾는 선택자 작성을 안한다는 장점.
- 장점이자 단점이라 권장하지는 않는 방법(선택자 우선순위)
