Web (웹)
1. 각 언어의 역할
- HTML (Hyper Text Markup Language) : 웹의 구조 담당 (= 기획자의 역할)
- CSS (Cascading Style Sheet) : 정적인 시각적 표현 (= 디자이너 역할)
- JS (Javascript) : 동적 처리 담당 (= 개발자 역할)
2. 동작 원리
최초 요청(request) → 최초 응답(response) → 서버에 추가 요청 (img 등) → 추가응답 (CSS, JS, jpg 등)
3. 웹 표준과 브라우저
- 웹 표준 : 웹에서 사용되는 표준기술이나 규칙 (W3C에서 제정. 권고안에 해당하는 기술만 웹 표준에 해당)
- 브라우저 : 웹 서버가 제공하는 정보를 화면에 보여주는 소프트웨어 (브라우저 공급 업체는 웹표준을 근거로 브라우저를 만든다)
- 크로스 브라우징(Cross Browsing) : 여러 브라우저에서 웹이 동일하게 출력/동작 할 수 있도록 제작하는 것
- 뷰포트(Viewport) : 하나의 웹 페이지가 출력되는(렌더링) 전체 영역
4. 웹 이미지
- 비트맵(bitmap)
- 정교하고 다양한 색 표현
- 확대/축소 시 계단 현상과 품질저하 발생 (일반 사진, 이미지 등에 사용)
- 벡터(vector)
- 정교한 표현이 어려움
- 확대/축소가 자유롭고 용량의 변화가 없음 (아이콘, 로고 등에 사용)
5. 특수문자용어
표시 |
설명 |
표시 |
설명 |
``` |
벡틱, 그레이브 |
~ |
틸드, 물결 |
! |
엑스클러메이션, 느낌표 |
? |
퀘스쳔, 물음표 |
@ |
앳, 골뱅이 |
# |
샾, 넘버, 우물정자 |
$ |
달러 |
% |
퍼센트 |
^ |
캐럿 |
& |
엠퍼센드 |
* |
애스터리스크, 별 |
- |
하이픈, 대시, 마이너스 |
_ |
언더스코어, 로우대시, 밑줄 |
= |
이퀄, 동등 |
“ |
쿼테이션, 큰따옴표 |
' |
아포스트로피, 작은따옴표 |
: |
콜론 |
; |
세미콜론 |
, |
콤마, 쉼표 |
. |
피어리드, 닷, 점, 마침표 |
/ |
슬래시 |
` |
` |
\\ |
백슬래시 |
( ) |
퍼렌서시스, 소괄호, 괄호 |
{ } |
브레시스, 중괄호 |
[ ] |
앵글브래킷, 꺽쇠괄호, 대괄호 |