채널오렌지 THE I.O.T

VScode에서 HTML 파일을 작성하고 실행할 때 일일이 파일을 누르거나 드래그하면 상당히 귀찮다.. 그때 확장프로그램인 Live Server를 사용하면 편하게 사용할 수 있다! 먼저 확장 탭에 가서 Live Server를 검색하고 설치하자. 그다음 밑에 있는 Go Live를 누르면 바로 웹 브라우저가 뜨며 결과물을 바로 확인할 수 있다. 그런데 혹시 응답 없음 오류가 뜬다면 체크해야 할 옵션이 있다. 다시 확장탭에서 Liver Server를 누른 뒤 Use Local IP 옵션을 체크하고 다시 Go Live를 눌러보자.

HTML 페이지를 구성하는 것을 요소라고 한다. (JavaScript에서 요소를 Object라고도 한다.) 그리고 요소를 만들 때 사용하는 작성 방법을 태그라고 한다. 태그에 추가 정보를 부여하는 것을 속성이라고 한다. 는 body 태그에 스타일시트와 자바스크립트를 제공한다. 아래는 head 태그 내부에 넣을수 있는 태그다. title 페이지 제목 meta 웹 페이지에 추가 정보 전달 script 웹 페이지에 스크립트 추가 link 웹 페이지에 다른 파일 추가 style 웹 페이지에 스타일시트 추가 base 웹 페이지에 기본 경로 지정 style 태그는 스타일시트를 직접 입력하는 내부 스타일과 스타일시트를 별도의 파일로 만들고 link 태그의 href 속성으로 불러오는 외부 스타일 방법이 있다. 협업을 ..