HTML
<strong>@@</strong> 굵게 강조
<u>@@</u> 밑줄
https://www.advancedwebranking.com/seo/html-study/==>여기에 태그 사용 순위 데이터가 있음
<br> 줄바꿈 (한줄)
<p>@@</p> 단락 태그
<img src="@@" width="@@"> 이미지를 모여준다 @@은 주소
src,width는 속성(attribute)이라고한다.
<ul>@@</ul> unorederd list
<ol><@@/ol> odred list 자동으로 숫자로 정리
<li>@@</li> 리스트 태그 //부모님 ul,ol이 필요
<title>@@</title>@@가 웹페이지의 탭키에 뜬다
현재 vscode에는 URF-8이라는 방식으로 저장된다. 고로 브라우저한테 알려줄때도 UTF-8로 열어라고 알려줘야한다
---> 그래서 <meta charset="utf-8">을 해줘야함
본문 내용은 <body>@@@@</body>로 묶어야 하고 본문을 설명하는 내용은 <head>@@</head>로 묶기로 약속을 했다.
그리고 그걸 <html>@@@@@@@@</html>로 크게 묶는다.
<a href=http@@@ taget="_blank">@@@</a> @@@를 클릭을 하면 http@@@로 연결이 되고 taget속성을 추가하면 새로운탭으로 연결이 된다.
WEB Server
웹 브라우저(클라이언트)는 request
웹 서버(서버)는 response
인터넷에 연결된 컴퓨터 하나하나를 host라고 한다.
인터넷에연결된 컴퓨터를 빌려주는 사업을 hosting또는 cloud라고 한다.
http==> 웹페이지를 전송하기 위한 통신규칙
Hyper Text는 웹페이지
Transfer 전송한다
Protocol 통신규칙
비트나미를 사용해 아파치 설치 후 C:\Bitnami\wampstack-8.1.7-0\apache2\htdocs 이 경로로 이동하여
htdocs폴더에 있는 내용을 삭제후 편집한 파일들을 넣으면 웹페이지가 바뀐다 !
한대의 컴퓨터에선 오른쪽으로 파일로 열어도 문제가 없지만 실제로 다른 컴퓨터 끼리 웹페이지를 주고 받기 위해서는 무조건 http를 통해야 한다 !
127.0.0.1은 모든 자신 locahost아이피이다.
caniuse 라는 사이트에서 HTML,CSS,JS에서 사용된 기호의 사용량을 알 수 있다.
이모티콘을 보면 96프로의 웹브라우져에서 사용을하고 있어서 굉장히 유용하다는것을 알수 있다.
구글 애널레틱스 서비스를 사용해서 방문자의 정보를 탐색하는 기능을 추가 할수 도 있다.
home server
초기에는 IPv4만 있었지만 컴퓨터 사용자가 남아짐에 따라 그 수가 부족하여 IPv6가나오게 되었고
한번에 통신 규칙을 바꿀수 없어 우선 둘다 같이 사용 중이다.
하지만 공유기의 등작으로 전체로는 ip를 절약할 수 있고 개인은 통신요금을 줄일 수 있다.
하지만 공유기에 연결된 서버를 이용하는것은 쉽지 않으며
이러한 개념들을 알아야 한다.
앞으로 공유기에 연결된 컴퓨터를 서버로 이용하는 것을 알아 볼것이다.
공유기 router
WAN은 통신사에서 받는다 wide area network 59.6.66.238은 통신사로 부터 받은 IP 주소이다.
LAN은 데스크롭,노트북,스마트폰이 사용한다. local area network
public 공용 IP
pritve 사설 IP
NAT
NAT(Network Address Translation)이 기술을 이용해서 private주소가 public주소로 변환한다.
이를 통해 사설 아이피의 세계의 사람들이 외부의 세계와 소통이 가능하다.
내컴퓨터의 ip 주소 알아내기
윈도우
제어판-네트워크 및 공유센터로 들어가면
선으로 연결되어있으면 이더넷 와이파이면 위 사진처럼 와이파이이름이 뜬다,
와이파이 모양을 클릭한 후 자세히를 누르면 아래 화면이 뜬다.
리눅스
맥
IPv4는 이 컴퓨터의 내부 IP주소이다
IPv4 기본 게이트웨이: 192.168.0.1 는 공유기 주소이다.
위의 네이버에 친 내아아피는 공용 아이피 이다.
#포트(port)
우리의 컴퓨터에는 수많은 서버가 있다,
그 서버를 식별하기 위해서는 포트번호를 사용한다.
http 즉 웹은 80 포트로 고정
0-1023포트는 well-known port로서 막혀있다.
다른 웹서버를 운용 하려면 아무 포트 사용하면 되지만 관습적으로 8080을 사용한다.
URL format
scheme://<user>:<password>@<host>:<port>/<url-path>scheme-통신규약
host-IP
port-포트번호
#포트포워딩port forwarding
Dynamic& Static IP Address
ISP는 통신사
유동 아이피 (Dynamic IP)
인터넷은 않쓰는 즉 공유기를 꺼둔 사람의 IP를 회수해 막 킨 사람에게 다시 부여한다.
단점 : 클라이언트에게 알려준 IP가 이전의 IP여서 클라이언트가 오랜 시간 지난뒤 다시 그 IP(웹서버)로 접근 하려고 하던 다른 IP로 들어 가는 일이 발생 할 수 있다.
DHCP(Dynami Host Congiguaration Protocol)
DNS sever (dynamic name system)
특정 url를 입력하면 자동으로 DNS Sever로 연결되어 그 해당 IP를 알려준다
host : 네트워크에 연결된 컴퓨터 장치들.
위 사진처럼 도메인 시스템처럼 사용 가능하게 해주는 hosts파일이 있다.
물론 관리자 권한으로 파일 수정을 해야한다.
DNS의 원리
도메인 이름의 구조
나의 도메인 이름 장만하기
github pages에 도메인 연결하기
dns4u.ga라는 도메인이 들어오면 깃허브에 올려놓은 파일을 보내주세요~ 라는 요청이다.
HTTPS,SSL을 사용하면 조작된 웹브라우저임을 확인하여 차단하는 기능을 가질 수 있다.
'모카 스터디 > 웹 지식' 카테고리의 다른 글
| 파이썬 가상환경 개념 (0) | 2022.08.31 |
|---|---|
| Window 단축기 모음 (0) | 2022.08.20 |
| API vs Library vs Framework - 우아한tech- (0) | 2022.08.18 |
| 정적웹, 동적웹, MVC웹 프레임워크,앵귤러 리액트,뷰 란?? -얄팍한 코딩사전 - (0) | 2022.08.09 |
| Window 10 개발자 셋업 (0) | 2022.07.31 |
