[WEB]
CLI - 직접 명령 / GUI - 그림으로 구성되어 있는 환경
[WEB - GUI]
화면(프론트) 기능 구현(백엔드) HTML-문서와 문서끼리 연결해주고 화면을 표현해준다 (정적)
CSS - 화면을 꾸며주는
JavaScript - 정적인 화면을 동적으로 구현해준다.
ㄴ j쿼리
ㄴ 앵귤러 js
(j쿼리와 앵귤러js 활용도는 줄인다.)JAVA
DB
JSP
디자인패턴
ㄴ프레임워크
ㄴORM
ㄴ 퍼시스턴트프레임워크
[HTML]
프로그램 언어는 컴파일 언어와 인터프리터 언어로 나눌 수 있다.
-컴파일 언어 : 내가 작성한 언어를 컴퓨터가 알아들을 수 있는 언어로 번역
(ex - java, c , 장점: 빠른 실행, 단점 : 수정할때마다 컴파일을 해야한다.(전체적으로))
-인터프리터 언어(=스크립터 언어) : 매번 실행할때마다 번역하고 실행하는 언어.
(단점 :속도 늦고 메모리활용도떨어진다. 장점: 수정하자마자 확인 가능하다.)
-HTML은 전자 문서를 만들기 위해서 나온언어이다.
-스크립트 언어(인터프리터 언어)이다. (컨텐츠를 보여줄 수 있는 표현 언어,실행할때마다 번역하고 실행하는 언어)
-HTML로 되어있는 문서이다.
-HTML은 태그 구성요소들의 집합으로 구성되어있다.
[HTML - 태그]
- 명령어이다. < >
-복합적으로 융합해서 사용. (완벽하게 다른 태그 안에 종속된다.)
[HTML기본구조]
<html> 문서의 시작 <head> - > 보여주는건 아니지만 페이지의 전반적인 정보를 담는 영역 <title>문서의 제목</title> </head> <body> -->내가 보여줄 컨텐츠를 표현해주는 영역. 문서 내용 </body> </html>문서의 종료웹 표준 : 웹 개발을 하기 위한 표준 기술(w3c)
-대/소문자를 가리지않는다.
- 대부분 짝을 이루고 있다.
- 두가지 이상 명령어를 쓸 때는 대칭으로 쓰여진다.
ex ) <font><marpuee></marpuee></font>
-단일 태그의 경우 웹표준은 열자마자 닫기.ex) <br/> 4기준.
[HTML 대체문자 (&로 시작하여 ;로 끝난다)<hr> 줄 : -----------------
문자 특수문자 공백 " " ⓒ © & & < 또는 > < 또는 > @ @ 0~9 0~9 A~Z A~Z a~z a~z
[물리태그, 속성태그, 블럭, 인라인]
-물리태그 : 영향력을 바로 행사.
ex ) h (제목_1~6) : 물리태그, 블럭태그 // u(밑줄_비표준태그),b(두껍게) , i(기울기) : 물리태그, 인라인태그
-속성태그 : 속성을 이용한 세부적인 설정 가능. " "을 이용하여 작성한다.
ex)font ( face (폰트_비표준태그), size(크기 1~7 기본값은 3), color (컬러_ 색상명, RGB표, RGB함수(비표준))
블럭태그 : 본인의 블럭 한 라인의 영역을 전부차지
인라인태그 : 컨텐츠 크기만 영역을 차지<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <h1>이것은 제목입니다.</h1> <h6>이것도 제목입니다.</h6> <u>밑줄 긋기</u> <b>두껍게</b> <i>기울여서</i><br> <u><i><b>두껍고 기울여서 밑줄까지...</b></i></u> <hr> <font size="7" color="#6600cc" face="HY엽서M">이것은 속성 태그 입니다.</font> </body> </html>
'개발자 > 백엔드 웹 개발자 과정(국비)' 카테고리의 다른 글
| HTML(3),css(1)_2022-12-26 (0) | 2022.12.26 |
|---|---|
| HTML<2>_2022-12-23 (0) | 2022.12.23 |
| 2022년 12월 19일 _ 29회차 (JDBC) (0) | 2022.12.19 |
| [DB]테이블 생성, 삭제, 수정, 데이터 생성, 수정, 삭제 (0) | 2022.12.16 |
| [DB] JOIN,서브쿼리 (0) | 2022.12.15 |