웹 프론트를 구성
1) html 5.0
-확장자가 html이 붙으면 렌더링이 가능함. 렌더링?
- index.html 사용자가 요청하지 않아도 보이는 화면(첫화면)
-명령어
<태그 tag> p, img, input
attribute
고유의 속성 : 태그가 가지고 있는 고유의 특성, 필수 속성
ex)<img src="flower.png" alt="엑박뜰 경우 대비">
w3schools.com(확인 가능), mdn(표준)
W3Schools Free Online Web Tutorials
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
global속성
: 사용자가 만드는 속성, id, class
: id와 class의 차이 id는 딱 1개, class는 중복이 되어도 된다.
<인라인태그와 블록태그>
인라인태그 : 라인을 다른 태그와 나누어 사용하는 태그 <img>
블록테그 : 혼자서 줄 하나를 다 쓰는 태그, 라인을 단독으로 사용하는 태그 <h1>
<a href="request"> 내용 </a>
2) css 3.0 (cascading style sheet)
3) javascript (바닐라가 들어가는 언어는 기본이 됨. basic) -논리
<form>
쿼리 스트링
: key + value
get 페이지 요구
post 처리 요구
response에서 json 키와 밸류의 값으로 응답
값으로 응답하면 ajax
web에서는 json
java에서는 Map
파이썬에서는 딕셔너리
'개발자로 가는 길(국비지원과정) > 3.HTML,CSS,JavaScript, jQuery' 카테고리의 다른 글
| [복습 Day16] 인라인 블록, position absolute, relative, static, fixed, Float, Visibility, Flex (0) | 2022.01.20 |
|---|---|
| [복습 Day15] lable for, maxlength, minlength (0) | 2022.01.19 |
| HTML, JS id, name, value의 차이, input hidden을 이용해 데이터 서버로 전송하는 방법 (0) | 2021.07.18 |
| email <select> 옵션 값 (0) | 2021.07.16 |
| [210625금] 숫자 검증, trim함수, select 함수, value와 innerHTML의 차이, <자바스크립트의 주요 데이터 종류>, 자바스크립트 정리 (0) | 2021.06.25 |
