21.12.02-03ver
만든 웹페이지를 인터넷을 통해
누구나 가져갈 수 있도록 하는 과정에서
인터넷이 무엇인지 알게 될 것이다.
16. 원시 웹
A. 웹에 대한 지식 1~15강
HTML로 웹 페이지를 만들면서 코딩이 무엇인지 파악하기
B. 16강 쉬어가기
웹의 역사
C. 17~끝(19)
만든 웹페이지를 인터넷을 통해서 누구나 가져갈 수 있도록 하는 것.
이 과정을 통해, 인터넷이 무엇인지 알게 될 것이다.
Internet vs WEB
대부분은 둘 다 비슷하게 사용할 것이다. 구분하여 말하는 사람은 드물다.
Internet이 도시라면, WEB은 도시의 건물 중 하나
Internet이 도로라면, WEB은 그 위를 달리는 차 중 하나
Internet이 운영체제라면, WEB은 그 운영체제 위의 프로그램 중 하나
<1960~1990년>
1960년 인터넷 등장
- 핵 공격에도 견딜 수 있는 강력한 통신 시스템이 필요해서 발명된 것
- 중심이 없다.
- 웹이 등장하기 전에는 주로 정부나 군 등 주요 기관이나 시설에서만 사용하고 있었다.
1990년 WEB 등장
- 스위스에서 등장
- 10월, 웹페이지를 만드는 편집기가 만들어짐
- 11월, World Wide Web 개발됨
- 12월, 웹 서버라는 프로그램을 만들고, info.cern.ch 이라는 주소를 부여함
17. 인터넷을 여는 열쇠 : 서버와 클라이언트
인터넷이 동작하는 가장 기본적인 원리를 알아가는 시간
Q 인터넷이 동작하기 위해 필요한 최소의 컴퓨터 수는?
-> 2대!
Web Browser / Web Server
clinet server
이해하기보다 익숙해지자!
낯선 언어들이 나오더라도, 일단 익숙해지자.
Web Server을 사용할 수 있다
- 내 컴퓨터에 있는 문서를 어느 곳에 있는 컴퓨터에 Web Browser를 설치할 수 있게 만들 수 있다.
방법 1) web server 직접 설치
- 어렵다.
- 인터넷과 관련된 여러 개념을 배울 수 있다.
방법 2) 업체에 맡기기(web hosting)
- 쉽다.
- 인터넷이 동작하는 원리가 감춰져 있기에 배울 것은 적다.
18. 웹호스팅 : github page
- 호스트(host) : 인터넷에 연결된 컴퓨터 하나 하나
- 호스팅(hosting) : 이런 컴퓨터를 빌려주는 사업
- 웹호스팅(web hosting) 업체 : 웹서버를 빌려주는 회사
깃헙 홈페이지 링크
GitHub: Where the world builds software
GitHub is where over 73 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat...
github.com
21.12.02 기준 강의와 다르므로 깃헙 사용법은 다른 강의들 보기
19. 웹서버 운영하기
- 설치 및 통신 8개 pass, 링크 생략
20. 마치며
20_1. 교양으로 코딩을 공부한 사람들을 위한 영상
- 링크 생략
20_2. 일하기 위해 코딩을 공부하는 사람들을 위한 영상
- 지금은 공부를 멈추고, 사용할 때
20_3. 앞으로 공부할 것에 대한 열거
- 최소한으로 배워서 최대한으로 써먹기
1) CSS
웹 사이트를 잘 꾸미기 위해서라면, CSS를 배워야 한다.
HTML이 만들어지고 4년 후에 등장.
web publisher / web designer 이라는 직업이 등장
WEB2. CSS를 공부하면 된다.
2) Java Script
사용자와 상호작용하는 웹페이지를 만들고 싶다면, JS를 공부해야 한다.
HTML이 만들어지고 약 5년 후에 등장.
web front end engineer / web interactive designer 이라는 직업이 등장
WEB2. Java Script를 공부하면 된다.
3) Back end
WEB2. JSP / WEB2. PHP / WEB2. Node js 중 하나를 공부하면 된다.
이들은 서로 경쟁 관계?에 있다.
자신에게 필요한 WEB2 강의를 선택해서 공부하면 된다.
WEB1 부록
코드의 힘
html을 이용해서 코드의 힘을 느껴보는 시간
몇 줄 안 되는 코드인데, 엄청난 기능을 사용할 수 있도록 만든다.
1) 동영상 삽입
공유에서 퍼가기를 하면 소스코드가 나온다.
<ifame>만 기억하자.
2) 댓글 기능 추가
댓글 서비스는 상당한 기술력을 요구한다. 댓글에는 스팸이 달릴 수 있다. 따라서 스팸 여부를 판단하는 차단 기능이 필요하다. 이외에도 여러 기능이 필요하다. 그만큼 상당한 기술력이 요구된다.
구동이 안 된다. 이유는 모르겠다.
따로 알아보자.
3) 채팅 기능 추가
여기부터는 어려워서 보기만 했다.
따로 알아보자.
4) 웹사이트 방문자 분석기
보기만 했다.
따로 알아보자.
'프론트엔드 > 생활코딩' 카테고리의 다른 글
| JAVA 1 생활 코딩 11-15강. Parameter, Arguments, 컴파일, API, UI, 패키지, 클래스, 변수, 메소드, 인스턴스, 상속 (0) | 2022.01.06 |
|---|---|
| JAVA 1 생활 코딩 8-10강. 변수, 데이터 타입 변환, 프로그래밍, 프로그램, 디버거 (0) | 2022.01.06 |
| JAVA 1 생활 코딩 1-6강. 데이터, 데이터 타입, 연산, 숫자, 문자열 (0) | 2022.01.06 |
| 자바 토이 프로젝트(Java toy project)에 관한 링크 모음 (0) | 2021.12.16 |
| 생활 코딩 1~15강 정리 (0) | 2021.12.02 |
댓글