📌 개발 공부 2개월 차인 to-be 개발자의 자습 블로그🙂ﾠSep 12 ~ 18, 2021
현재 상태
HTML을 공부하기 전에 본 영상인데 정리하지 않았다는 게 떠올라서 복기하는 겸 정리해 본다.
Web
1. intro
아래 그림에서 알 수 있듯이 web을 만들려면 HTML이라는 언어를 사용해야 한다.
HTML은 쉽다. 그런데 중요하다.
HTML은 중요하다. 그런데 쉽다.
뒤에 배울 JavaScript, React, TypeScript가 더 대단해 보이고 유용해 보이겠지만 그렇지 않다.
모두 앞에서 배운 것들을 합성해서 뒤에 있는 것들이 만들어진다.
앞서 배운 것들이 가장 기본적이면서 중요하고, 응용할 수 있는 범위가 더 넓다.
2. public domain
web을 만든 Tim Berners-Lee는 web을 저작권이 존재하지 않는, 완전한 자유를 의미하는 public domain으로 선언했다.
이 때문에 각기 다른 browser가 존재하는 것이며, 여러 browser에서 같은 정보를 볼 수 있는 것이다.
web이 없었다면 web page가 없었을 것이고, web page가 없었으면 지금의 검색창도 사용할 수 없었을 것이다.
web 덕분에 할 수 있는 여러 기술과 지식을 알고 싶으면 검색만 하면 되는데, 이는 모두 web이 모두에게 공평하게 공개된 기술이기 때문이다.
3. difference between Internet & web
- Internet이 도시라면 web은 건물이고
Internet이 도로라면 web은 자동차이고
Internet이 운영체제면 web은 프로그램
4. where the web meets the Internet
1960년에 internet이 처음 등장했고, 1990년에 Tim Berners-Lee가 근무하고 있었던 CERN에 internet이 도입되었다.
그 사이 Tim Berners-Lee는 web page를 만들었다 없앴다 했고, 구전으로만 아렬진 web의 전신이 Enquire이다. (현재는 없음)
1990년 10월에 web page를 만드는 편집기 등장했다.
1990년 11월에 세계 최초의 web browser인 World Wide Web이 만들어졌다.
1990년 12월에 web server를 만들고 info.cern.ch라는 주소를 부여했다.
Web Server
internet이 동작하는 기본 원리는 두 대의 computer가 정보를 주고받는 것이다.
.png)
한 computer는 web browser이고, 한 computer는 web server이며, 둘은 Internet으로 연결되어 있다.
web server computer에는 info.cern.ch라는 주소가 있는데 어떻게 주소가 부여되었는지는 나중에!
web server는 다루기가 까다로운데 왜냐하면 computer가 계속 켜져있어야 하고, web server라는 program도 깔아야 하고, 바깥에서도 Internet으로 web server에 잘 연결되어야 한다.
Internet이 연결되어 있는 computer 한 대, 한 대를 host라고 하며, 이는 web server를 운영하는 computer를 의미한다.
이를 대신 해주는 회사가 web hosting 업체이다.
대표적인 web hosting site가 Git Hub, Amazon S3, Googld Cloud Storage, Azure Blob 등이다.
1. operating web server
APACHE를 설치해야 한다.
- 'mitnami mamao stack' 검색
(Bitnamidml MAMP를 설치하면 Apache 자동으로 설치됨)
(MAMP를 설치하면 APACHE, MySQL, PHP가 모두 설치됨)
→ 최신 version 설치
→ Varnish는 check 해제 후 Next 선택
→ program 위치 기억
→ 비밀번호 입력
→ 'Launch mampstack in the cloud with Bitnami' check 해제
→ 설치가 완료되면 management console (manager-osx) 과 APACHE web server를 통해 보여지는 web page 확인 가능
2. web server
지금 보고 있는 web page는 local computer의 Application → mampstack-(version) → apache2 → htdocs ('HTML docs'라는 의미)에 저장된 file이다.
우리가 깐 program을 통해 index.html, web browser, bwe server가 깔렸다.
web page의 주소를 해석하면 http://127.0.0.1:8080/index.html에서
- 127.0.0.1 : Internet Protocol Address이며 Internet에 연결되어 있는 computer의 고유한 주소이며 주로 domain 주소로 사용
- 8080 : port이며 MAC에는 원래 server가 깔려있는데 이번에 또 깔아서 구분하기 위해 붙은 숫자
3. HTTP
Hyper Text Transfer Protocol은 web page를 전송하기 위해 고안된 통신규약이다.
(응? 왜 이렇게 짧지?) (내가 정리한 걸로 링크 연결하자.)
4. web browser ↔︎ web server
- local computer의 fidner
→ system preferences
→ Network
→ Wi-Fi 등 Internet 연결 방식
→ Advanced
→ TCP/IP
→ IPv$ Address를 복사
→ smart phone에 붙여넣기 (smart phone도 Internet 연결 방식이 같아야 함)
Endnote
🔗 related documents
🙇 the source of this content
