디바이스의 종류가 점점 다양해 지고있다.
핸드폰 , 탭 , 테블릿 , 노트북 , 확장되어 최근에는 키오스크까지.
즉 , ui 를 점차적으로 반응형에 맞춰 제작하게 된다.
네트워크가 어떻게 작용되는지 알아야 한다.
브라우저를 통해 최정 유저가 사용하는데,
웹 브라우저 안에 어떤 기능이 있을까 ?
브라우저를 통해 네트워크 안의 통신기능을 이용한다고 볼 수 있겠다.
주소를 통해 통신받은 주소의 html 과 css 와 javascript를 번역하여 브라우저를 통해 보여준다.
우리가 만들어 놓은 구문들을 컴퓨터 용어로 읽을 수 있게 번역해주는 역할을 브라우저가 하게된다.
자동로그인 , 검색 기록, 검색 추천이 뜬다는 것은
어디선가 기억하고 저장되어있다는 뜻.
브라우저가 저장하고 기억하고 있다는 뜻이다.
즉 , 브라우저는 통신의 기능 , 번역의 기능 , 저장의 기능을 가지고 있다.
모든 개발은 크롬으로 할것.
개발자 모드가 잘되어 있기 때문이다.
개발자 모드로 보게되면
application 속에 local storage 와 session storage 가 있어서 기억공간이 존재함을 알 수 있다.
웹의 목적
최초의 웹은 문서 작성과 공유하는 역할을 지녔는데 점차 확장되어 지금의 웹을 볼 수 있다.
웹 서버와 웹 클라이언트의 작용
내가 입력한 것은 요청,
요청된 사항이 웹서버에서 돌아오는것.
네트워크의 가장 큰 특성이며 , 가면 반드시 돌아와야 한다.
서버에서 돌아올수 없는 상황이라면 에러메세지라도 돌아와야 한다.
웹 브라우저의 구성요소
퍼시스턴스 : 끈질긴 , 집요한 , 끊임없이 지속 반복되는
-> 자료를 보관하는 영역.
url 구조
- 프로토콜 : 통신규칙
인터넷 통신에도 규칙이 있다.
뭔가 통신에 있어서 보내는쪽과 받는쪽에서 규칙에 따라 보여질 수 있다.
전세계에서 똑같이 인터넷 망을 사용하는 규칙.
https → 보안에 대한 규칙을 좀더 + 업그레이드.
우리가 프로그램이라고 하는 http 와 https를 알고 있어야 한다.
- 서버주소 : 요청을 할 관리자의 페이지 주소.
집주소라고 생각.
- 포트번호 : 구체적 위치
집주소의 몇층인가 ?
- 경로명 : 그 안의 자세한 경로명.
어떤 폴더에 있는 어떤 파일의 위치.
웹 브라우저와 웹 서버사이의 통신
먼저 연결수락을 하게되면 , index 에 대한 요청을 하고 다시 index 를 전송하는 구조.
2번의 요청과 수락이 있다.
처음부터 바로 연결 요청하면 index 가 전송되는 것이 아님.
웹 페이지의 3요소
html : 구조와 내용
CSS : 웹페이지 모양
javascript : 행동 및 응용 프로그램
-> 가독성과 유지보수를 위해 3가지를 분리하여 개발하게 된다.