(1) 웹 관련된 기초 개념단어 정리

웹

'요청'과 '응답'이 일어나는 장소

 

클라이언트

사용자, User, 브라우저, 고객
서버에게 '요청' 을 함
( ex : 네이버  -  웹툰 보여줘  -  대학일기 보여줘  -  대학일기 78화 보여줘 )

 

웹 브라우저 란

응답해주는 '페이지'를 보여주는 V 공간
'페이지' -> HTML문서 <!Doc Type HTML>

console -> GUI (그래픽 유저 인터페이스)

                  -> 아이콘을 클릭하여 프로그램을 작동시키는 환경

 

구조 : HTML

스타일 : CSS

동작 : JavaScript (자바 스크립트 -> 이름은 자바인데 자바와 상관없음, 인기탑승용 이름)

 

서버

(클라이언트가 수행한) 요청에 대한 '응답'을 함
요청받은 (사용자가 이용하는)서비스를 '응답'

 

 

---

URL

요청 정보
ex) https://comic.naver.com/webtoon/detail?titleId=748105&no=180&weekday=thu

( 독립일기 시즌2 77화 )

요청에 대한 페이지 위치 정보
ex) "https://opgg-static.akamaized.net/images/lol/champion/Gangplank.png?image=c_crop,h_103,w_103,x_9,y_9/q_auto,f_webp,w_92&v=1657873250979"
( op.gg 갱플랭크 이미지 )

 

 

프로토콜(protocol)

약속, 통신규약

http - hypertext transfer protocol
일반적인 웹 텍스트 (문서)로 사용하여 탈취하기가 좋다 (안좋은 것)

https - hypertext transfer protocol secure socket

SSL ( secure socket layer )
웹 페이지 텍스트 문서 자원을 암호화 계층을 추가하여 보안 강화
                                                       -> 공개키
( 주말 영상 과제 중 루피의 도서관리시스템에서 고생했던 부분 )

 

 

 

IP와 도메인

IP - internet protocol - PK 고유번호개념

IP 주소란?
네트워크 상에서 인터넷에 접속하는 컴퓨터를 구분하기 위해 사용하는 고유번호
(여러 PC에서 같은 사설 IP를 사용하여 중복되는 경우도 있음)

도메인이란?
IP 주소를 기억하기 어려우니까, 이름을 부여하는데
여기서 '이름'을 '도메인' 이라고 한다
도메인을 이용하는 것이 권장됨 (IP주소는 . 을 이용하여 오류의 가능성이 있기 때문)

 

 

---

 

 

웹 페이지를 작성

V 파트에서 해야할 일!

 

웹 접근성 지침 준수

모든 사용자가 엡에 접근하여 이용할 수 있도록 보장해주는 것
신체적인 조건, 환경적인 조건 등에 제약이 없어야 한다 (마우스 x, 신체적 제약이 있을 경우 )

 

웹 표준 준수

웹 문서를 구조, 표현(스타일), 동작을 구분하여 사용하는 것
웹 문서 -> 웹 페이지 문서 (Doc 를 뜻함)

HTML (구조)
< > 태그언어 특징
<시작 태그>  태그 바디  </끝 태그>
< 태그명 속성명 = "값">
ex) <a href = "aaa.png"> 갱플랭크 </a>

CSS (표현)
HTML로 구조화한 문서에게 레이아웃(스타일)을 부여

 

인터넷상황이 좋지않아서 CSS 표현이 되지 않았을 경우

 

JS (동작) ★★★★★
연산 가능 ( 메소드 사용 가능 )
" 이벤트 처리 "
ajax, jQuery,...
(추가 공부 많이 할수록 더욱 알찬 동작처리가 가능)