목록2021 Web Development Bootcamp/1. Front-End Web Development (3)
Taking baby-developer steps
키워드 : Code Editer, Atom 10분 요약 : 이제 HTML 학습에 들어가기 전, 개발환경을 구축한다. 현 강의에서 사용하는 응용프로그램은 2가지이다. 1. 크롬 브라우저 2. Atom( Code Editer) Atom은 코드 에디터로, VS Code나 심지어 메모장으로도 대체 가능하다. Atom의 큰 장점은 Package 이다. 다른 사용자들이 미리 만들어 공유해둔 설정을 다운받아 쉽게 개발환경을 구축할 수 있다.
키워드 : 브라우저, 웹페이지 구성 요소, HTML, CSS, JavaScript 10분 정리 : 클라이언트가 웹페이지에 접근하려면 브라우저가 필요하다. 브라우저는 클라이언트가 원하는 주소에 대응하는 "IP 주소"를 찾고, 이 주소를 가진 서버에 클라이언트가 원하는 "데이터를 요청하고 받는다". 브라우저의 예로는 크롬, 사파리, 파이어 폭스 등등이 있다. 이때 브라우저가 서버로 부터 받는 웹페이지 데이터 파일은 일반적으로 3종류 파일로 구성되어있다. HTML, CSS, JS 이다. HTML은 웹페이지의 "구조"를 결정한다. structure를 담당한다. CSS는 웹페이지가 "어떻게 보일지"를 결정한다. styling을 담당한다. JS(JavaScript)는 웹페이지가 실제로 "동작"하게 한다. to ac..
키워드 : 인터넷, 서버, 클라이언트, ISP(인터넷 서비스 제공자), DNS 서버(도메인IP/거대한 전화번호 부), 인터넷 백본 10분 정리 : 인터넷은 "거대한 전선(a giant wire)"이다. 이 전선으로 연결된 컴퓨터들은 서로 데이터를 주고 받을 수 있다. 전선(인터넷)에 연결된 컴퓨터들 중 특별한 역할을 하는 컴퓨터를 "Server"라고 부르는데, 이 컴퓨터는 다른 컴퓨터들이 요구하는 데이터를 보내주는 역할을 한다. 일반적으로 개인들이 쓰는 컴퓨터들은 데이터를 요구, 요청하는 "Client"이다. Client(클라이언트)가 웹브라우저에 구글 도메인을 칠 경우(www.google.com), ISP(인터넷 서비스 제공자)가 해당 도메인에 대응하는 IP주소를 DNS서버에 요청하고, DNS 서버가 ..