2023년 05월01일 수업 내용 정리

2023년 05월01일
1. 라이브러리 vs 프레임 워크 
2. vscode 랑 visual studio code는 다름!
3. vscode 설치 

(1)왼쪽 첫번째 메 바탕화면 폴더 생성 -> vscode 실행 ->왼쪽 첫번째 메뉴-> 생성한 폴더 오픈 -> ! 치면 헤드랑 바디 생성됨! 
-> 폴더 보면 인터넷 사이트 생성! 
(2) 왼쪽 아래 extension -> live server 다운로드 
    , file 에 auto save 체크 !
    => 저장 안하고 텍스트 실시간 방영  
(3) 해당 텍스트 에 tab 누르면 들여쓰기 가능
(4) 드레그 후 -> ctrl + / 하면 주석처리 기능 
(5) head 부분 <link rel="stylesheet" href="style.css가 있는 경로"> => css 연결 텍스트
=> meta, title ,style,link,javascript(head 부분에 들어갈 5가지)

(6) 상대경로    vs 절대경로 

   ./ (생략가능) vs   http(https)

  ../                   vs         /(//)

(7) js(자바스크립트)
console.log("입력할 테스트"); <연결 사이트에 있는 개발자도구 console 창에 적용 되게함>
=> 디버그 체크용!

   <script src="./js/main.js"></script> -> head 부분에 자바스크립트 파일 경로 적용


install: auto rename tag 다운로드 하면 <div></span> 일때 뒤에 /span 부분이 /div로 자동 적용됨

* HTML 기본 문법! 

- 태그는 크게 열고 닫는게 있고 그냥 안닫는것도 있음 요것은 빈<empty>태그라 부름~
=>  <태그/> 빈태그 사용할때 뒤에 역슬래시 넣어 주는게 안전함!

<hr>: 수평선 긋기 (인라인이 아닌 블록임! 중요!) 
ex) 종료 태그 &lt;hr&gt;을 사용하지 않습니다. 
=> <hr> 꺽세 텍스트 붙여줌~
=> 참조 사이트: https://entitycode.com/

<br>: 줄 바꾸기 
=> <br><br> : 2줄 바꾸기~ 3개쓰면 3줄 바꾸기~

<p>: 태그를 사용하면 여러개의 빈 칸은 하나로, 여러줄은 한 줄 부터 출력됩니다. 

<pre> 사용자가 입력한 그대로 출력 됩니다.