Web 개발 상식

HTML
HyperText Markup Language

HyperText
하이퍼 링크를 이용해 독자가 원하는 순서에 따라 기존 문서에서 다른 문서로 접근할 수 있는 텍스트
Markup Language
태그를 이용하여 문서나 데이터의 구조를 명시하는 언어

CSS
Cascading Style Sheets
사용자에게 문서를 표시하는 방법을 지정하는 언어

navi {
	color : blue;
	font-size : 20px;
	margin : auto;
}

JS 
Java Script
웹 페이지에서 복잡한 기능을 구현할 수 있도록 하는 스크립팅 언어 또는 프로그래밍 언어
사용자와 상호작용, 주기적인 갱신.

HTML 로 뼈대를 잡고 CSS로 살을 붙이며 JS가 근육을 담당한다고 할 수 있다.

ES
ECMAScript
자바스크립트는 언어, ECMA 스크립트는 규격, 표준 즉, 스펙이다.

htm 과 html의 차이점
도스(MS-dos)와 Windows3.X 시절부터 확장자의 문자길이를 3글자로 제한했기 때문에 .html를 사용하지 못하고 .htm으로 사용.
즉, htm = html

markup, Semantic markup 차이점
마크업

마크업 언어는 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지.
기술적 마크업은 문서의 일부에 이름을 다는 곳에 사용.
주요 마크업 언어에는 HTML이 있다.
즉, 마크업 언어로 작성된 웹페이지 라는것은 결국 문서와 같다.
따라서, 컴퓨터가 이해할 수 있도록 태그로 문서를 작성하는것을 '마크업 개발'이라고 함.

씨멘틱 마크업
Semantic(의미론적)인 태그로 html 문서 작성하는 것을 의미.
작성 이유 -
SEO(검색엔진최적화)
검색 엔진은 웹사이트를 크롤링할 때 시맨틱 태그를 중요한 키워드로 보기에 시맨틱 태그로 마크업이 되어 있지 않으면 웹페이지를 분석하기 어렵다. 검색엔진에 노출이 되려면 시맨틱 마크업이 필요.
웹접근성(Accessibility)
스크린 리더의 경우에 음성으로 문서를 읽어야 하는데, 시맨틱 마크업을 사용하지 않을 경우 내용을 파악하기 힘듦.

XML
eXtensibleMarkupLanguag
HTML 처럼 문서의 형태를 보여주는게 아닌,
data 전달/표현에 초점이 맞춰져 있다. 표현과 내용이 완전 분리되어,
data 구조와 내용 기술이 가능하며,
스타일시트를 사용하여 다방면으로 데이터 표현이 가능

XHTML
eXtensible HyperText Markup Languag
HTML4를 XML에 맞게 재 정의한 언어.
기존 HTML과 동일하지만, 보다 구조화된 형식과 엄격한 문법을 갖고있는것이 특징.
HTML 보다 향상된 웹사이트 검색기능과 복잡한 데이터 처리가 가능한것이 장점.
단점은 엄격한 규칙으로 인하여, 결과적으로 문서가 손상될 가능성이 있는 것.

 

 

-web backend 사용하는 파일 종류- WAS(IIS, Apache, Tomcat, Nigex)

1. ASP -> MSSQL ->IIS 서버

2. PHP -> MSSQL MYSQL -> Apache 서버

3. JSP -> MSSQL MYSQL Oracle -> Tomcat 서버

( 배우기 쉬운 언어 : ASP > PHP > JSP
개발 비용 : JSP > ASP > PHP
프로그램 속도 : PHP > ASP > JSP )

4. CGI -> X 요즘 안씀

5. .NET (닷넷. C#, VBScript) ->  asp 상위버전

6. Py -> MYSQL, Oracle