KT AIVLE [13주차] - 웹 프로그래밍

기초 실습

사전 환경 세팅

[vscode 설치 목록]

• beautify css
• javascript debugger
• code runner
• python IntelliSense
• nodejs 설치 (이건 따로 윈도우에서 설치)
• code runner setting
  - set PYTHONIOENCODING=utf8 && python -u

html 자동완성
! 입력 or html5 입력

주석은 ctrl + /

라이브 프리뷰 (실시간)

html 가벼운 문법

웹 페이지 접근성을 위해 강조는 <b태그보다 <strong태그
<em은 이탤릭 <small은 작게 <code는 코드 스타일로 (alt+shift+f) 하면 코드 스타일이 예쁘게 작성됨

예시)

emmet 문법)

ctrl + space + enter 로 하는데 나는 enter만 써도 됨;;;

부등호(>) : 하위태그
플러스(+) : 동일레벨 태그
괄호() : 문법수식을 묶을 수 있음 (= 우선순위 설정)
콜론(:) : 태그의 type값 설정
샾(#) : 태그의 id값 설정
온점(.) : 태그의 class값 설정

[연습]

table 문법)

input 문법)

---

주먹구구식으로 html,css를 다뤄왔는데..
좀 본격적으로 웹에 관심이 생겼다.
기초부터 튼튼히 해야하니 바닐라 JS부터 잘 해야겠지만..
쉽진 않네요.