Web & Web Service
Client-Server 구조
Client는 Server에게 Request→Server는 Client에게 그에 상응하는 Response
Request의 종류
1.
갖다 줘 = get
2.
처리해 줘 = post
즉, Web service를 만든다 = Server로써 작동할 수 있는 프로그램을 만든다
Peer-To-Peer 구조
Client-Server 구조와 반대로 모두가 Client이자 Server
WWW(World Wide Web) =Internet
거대한 정보망
Web Browser
HTML(통신할 때 오가는 문서)를 받아주고 보여주는 역할을 수행, 다른 P2P 대상자와 연결해주는 통로
Web Server를 만드는 방법
서버 컴퓨터
1.
빠른 컴퓨팅 능력
2.
365일 24시간 무한루프
3.
발열 냉각장치
4.
Client 수를 고려
5.
보안 중요
Server가 되기 위한 방법
1.
내 컴퓨터를 서버 컴퓨터화 (웹서버 SW)
2.
이 세상 어딘가의 서버 컴퓨터 빌리기 (웹 호스팅 업체)
HTML
Hyper Text Markup Language
1.
글
2.
태그
3.
속성
HTML 코드
1.
HTML로 작성된 문서임을 알려주는 태그<!DOCTYPE html>, <html>
2.
화면에 직접 드러나진 않지만 문서를 설명하는 태그<head>
3.
화면에 직접적으로 등장하는 태그<body>
4.
사용자로부터 입력값을 받아들이는 태그 <form>
5.
줄바꿈 <br>
Bootstrap
부트스트랩 CDN
<!-- 합쳐지고 최소화된 최신 CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- 부가적인 테마 -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
<!-- 합쳐지고 최소화된 최신 자바스크립트 -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
Plain Text
복사
jQuery
<script
src="https://code.jquery.com/jquery-3.6.0.js"
integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
crossorigin="anonymous"></script>
Plain Text
복사
Container
여백을 만들어 줌
<div class="container">
...
</div>
Plain Text
복사
Github
Github의 기능
1.
code 저장 기능
2.
undo 기능
3.
협업 기능
4.
web hosting 기능