코딩네컷 Intro

🔶코딩네컷 목표

• 인생 4컷 사진 만들기
• 각 이미지별로 설명을 작성하여 마우스를 올리면 설명이 나오도록
• 마지막 칸에는 동영상을 넣기

🔶vscode 설치 및 사용

• vscode : 코드를 쉽게 작성할 수 있도록 도와주는 editor 중 하나
  Vscode 다운
  
  → 다운받은 후 파일을 열면 이렇게 나옴!

• ⭐Live Server : 자동 새로고침을 통해 코드를 적은 내용을 실시간으로 확인할 수 있도록 해주는 프로그램

  • VScode에서 왼쪽의 Extensions를 클릭하여 Live Server 검색하고 설치
    

  • File에서 New File을 선택하여 index.html 생성
    

  • index.html에 ! + tab을 사용하면 html 파일을 만들기 위해 필요한 것들이 전부 만들어짐

  • < body > 부분에 적고 싶은 코드를 작성하고 바로 저장!!

    
    → Open with Live Server을 클릭하여 live server을 사용하면..!
    
    → 이렇게 새로운 웹사이트에 작성한 코드의 내용이 바로바로 나옴!!

💥오류
file에서 open folder을 해야하는데 그때 열 폴더는 html이 들어있는 폴더를 선택해야 html이 live server을 통해 오픈됨