[KH국비지원 웹개발자 과정] Day_35 키워드 vscocde, html

 안녕하세요. 삶의 질을 높이고자 노력하는 영차영차입니다.
드디어 국비지원 학원을 다니며 공부에 전념을 할 수 있게 되었습니다.
해당 포스팅은 강의 복기용으로 키워드를 기록하는 용도의 포스팅입니다.
--------------------------------------------------------------------------------------------------

-jdbc 시험

-html/ css/ js 진도 시작

-vscode 설치 - live server, auto rename tag 기능으로 편리하다. 작성한 html 실시간 확인에 용이.

-이클립스에서 프론트 용 워크스페이스를 만들고 해당 워크스페이스를 jscode에서 오픈하여 html 코드 작성.

-새로운 이클립스 프로젝트의 인코딩을 utf-8로 변경한다. (java, html, css, js, xml) web.xml 제너레이트를 체크하고 생성한다.

-다이나믹 웹프로젝트에는 웹컨텐츠 폴더가 있고 웹문서를 저장할 수 있다.

Could not find node.js This will result in editors missing key features.
Please make sure node.js is installed and that your PATH environmemt variable.
contains the location to th 'node'executable. 
이런 팝업이 뜸.  node.js를 설치하라는 것 같은데 수업중에 언급되지 않아 일단 그냥 넘어감.

프론트개발자는 vscode를 통해서 개발을 많이 한다. 

vscode는 코드 편집기. 확장기능을 통하여 유용한 기능을 추가해가며 사용할 수 있다.

html은 브라우저에서 읽는 웹문서이다.
server를 이용하면 단순 컴퓨터내 파일 경로가 아닌 url로 접근을 하게된다.  (서버와 포트 경로)

vscode) 느낌표 탭 ! tap 을 하면 기본적인 html 양식이 자동완성된다. 태그 키워드를 치고 엔터를 치면 자동으로 꺽쇠<>가 만들어진다.

html의 기본구조. doctype html  head body

주석 <!-- -->   Ctrl + /

head는 메타데이터 등
body는 화면에 출력할 내용

실습)
1) 텍스트 관련 태그 : <b>,<em>,<s>,<u>,<h1>~<h6>,<p>,<hr>,<br>
2)목록 관련 태그: <ui>,<oi>,<li>
3) 테이블 관련 태그: <table>,<tr>,<td>
 
속성 border, colspan, rowspan 등