1. Web & Web Service
웹서비스?
=> 트위터?구글?인스타? 우리는 웹서비스로부터 원하는 것을 얻는다.
[ 이를 구체적으로 생각하면 ]
→ 우리가 웹서비스에 필요한 정보를 요청하면 웹서비스는 우리의 요청에 응답한다.
비유를 하자면 우리는 손님, 즉 클라이언트이고 웹서비스는 서빙을 해주는 서버이다!
[ **Client와 Server ]**
-
Client
: 서버에게 원하는 정보를 Request(요청)을 한다.
-
Server
: 이 요청에 Response(응답)한다.
우리가 웹서비스를 만든다
= 우리가 웹서비스로 작동할 수 있는 서버를,요청에 응답할 수 있는 프로그램을 만든다!
[ Request의 종류 ]
- 갖다줘 [GET]
- 처리해줘 [POST] =>인터넷 상의 HTML파일을 오고가는거라고 생각하자.
<비유를 해보면>
나는 네이버를 켜고 [=GET(네이버를 갖다줘)]
웹툰을 본[=GET(서버야 웹툰을 갖다줘)] 다음
재미있다고 댓글을 달았다 [POST(내 댓글좀 처리해줘)]
[ P2P ]
= Peer To Peer : 모두가 서버이자 모두가 클라이언트라는 의미
클라이언트&서버와 반대되는 의미.
Q. 웹서비스의 웹은 무엇인가?
WEB = World Wide Web 이 자체를 인터넷으로 보아도 무방하다.
우리가 흔히 인터넷이라 생각하는 익스플로어, 구글 등은 웹 브라우저이다.
서버와 클라이언트가 HTML을 주고 받는데 그 HTML을 받고 보여주고 하는 것이 웹 브라우저의 역할이다.
=>우리를 다른 서버와 P2P대상자와 연결하는 통로 역할
2. 웹 서버를 만드는 방법
서버 컴퓨터?
-> 신경 써야 할 부분만 확실히 신경 쓴 컴퓨터
- 24시간 켜 있어야 함(무한루프)
- 발열 냉각장치
- 클라이언트 수 고려, 안전성(보안)
- 빠른 컴퓨팅 능력(연산속도)
[ 서버 프로그램을 만드는 두 가지 방법 ]
- 내 컴퓨터 = 서버 컴퓨터화시키기 => 직접 웹서버 설치. 로컬환경 세팅 EX) 아파치, IIS
- 설치가 다소 까다로움
- 추가적인 지식 요구
- 한번 익히면 자유로운 개발 가능
- 이 세상 어딘가의 서버 컴퓨터 빌리기(웹 호스팅) => 웹 서버를 온라인 상으로 대여 EX) AWS c9, GitHub(<-우리가 사용할 방식!)
- 설치, 조작 단순
- 과금 발생
- 개발에 있어 제약이 있음
- 클라이언트 수를 고려하지 않아도 됨 (사람이 많이 몰리면 과금을 더 내고 서버 컴퓨터를 더 빌리면 됨)
3. HTML (Hyper Text Markup Language)
이해가 쉽고 정형화된 문법, 쓰이는 문법만 맨날 쓰임! 형식과 자주 쓰이는 문법 중요하다!
'이거 HTML로 작성된 문서야~' 라고 알려주는 태그
!DOCTYPE
<html>
<head>
//직접 화면에 등장하지는 않는 태그
</head>
<body>
//직접 등장하는 태그
</body>
</html>- 직접 화면에 등장하지 않지만 이 문서를 설명하는 태그 EX) 이 문서를 한 마디로 설명하는 문서의 'Title', 인코딩 방식(utf-8)등등
- 직접적으로 화면에 등장하는, 문서에 보이는 태그 Ex) h1, h2, p, li 등등
[참고]
codecademy - Introduction to html 수강
4. Bootstrap
: 트위터 개발자들이 만든 CSS/JavaScript 기반의 웹 프레임워크.
- 장점 공짜! 반응형 웹 지원 브라우저 호환 가능
- 단점
성능이 다소 떨어지고 티가 많이 난다.
[ **Github ]**
- 코드 저장 기능
- Undo기능
- 협업 기능
- 웹 호스팅 기능 (쉽고 무료이다!)
