Developer

웹 프로그램의 기본 , 웹 브라우저란.

단님 2024. 6. 3. 17:59
728x90

 

디바이스의 종류가 점점 다양해 지고있다.

핸드폰 , 탭 , 테블릿 , 노트북 , 확장되어 최근에는 키오스크까지.

즉 , ui 를 점차적으로 반응형에 맞춰 제작하게 된다.

 

네트워크가 어떻게 작용되는지 알아야 한다.

브라우저를 통해 최정 유저가 사용하는데,

웹 브라우저 안에 어떤 기능이 있을까 ?

 

브라우저를 통해 네트워크 안의 통신기능을 이용한다고 볼 수 있겠다.

주소를 통해 통신받은 주소의 html 과 css 와 javascript를 번역하여 브라우저를 통해 보여준다.

우리가 만들어 놓은 구문들을 컴퓨터 용어로 읽을 수 있게 번역해주는 역할을 브라우저가 하게된다.

 

자동로그인 , 검색 기록, 검색 추천이 뜬다는 것은

어디선가 기억하고 저장되어있다는 뜻.

브라우저가 저장하고 기억하고 있다는 뜻이다.

 

즉 , 브라우저는 통신의 기능 , 번역의 기능 , 저장의 기능을 가지고 있다.

 

모든 개발은 크롬으로 할것.

개발자 모드가 잘되어 있기 때문이다.

개발자 모드로 보게되면

application 속에 local storage 와 session storage 가 있어서 기억공간이 존재함을 알 수 있다.

 

웹의 목적

 

최초의 웹은 문서 작성과 공유하는 역할을 지녔는데 점차 확장되어 지금의 웹을 볼 수 있다.

 

웹 서버와 웹 클라이언트의 작용

내가 입력한 것은 요청,

요청된 사항이 웹서버에서 돌아오는것.

네트워크의 가장 큰 특성이며 , 가면 반드시 돌아와야 한다.

서버에서 돌아올수 없는 상황이라면 에러메세지라도 돌아와야 한다.

 

웹 브라우저의 구성요소

 

 

퍼시스턴스 : 끈질긴 , 집요한 , 끊임없이 지속 반복되는 

-> 자료를 보관하는 영역. 

 

url 구조

  • 프로토콜 : 통신규칙

인터넷 통신에도 규칙이 있다.

뭔가 통신에 있어서 보내는쪽과 받는쪽에서 규칙에 따라 보여질 수 있다.

전세계에서 똑같이 인터넷 망을 사용하는 규칙.

https → 보안에 대한 규칙을 좀더 + 업그레이드.

우리가 프로그램이라고 하는 http 와 https를 알고 있어야 한다.

  • 서버주소 : 요청을 할 관리자의 페이지 주소.

집주소라고 생각.

  • 포트번호 : 구체적 위치

집주소의 몇층인가 ?

  • 경로명 : 그 안의 자세한 경로명.

어떤 폴더에 있는 어떤 파일의 위치.

 

웹 브라우저와 웹 서버사이의 통신

먼저 연결수락을 하게되면 , index 에 대한 요청을 하고 다시 index 를 전송하는 구조.

2번의 요청과 수락이 있다.

처음부터 바로 연결 요청하면 index 가 전송되는 것이 아님.

 

웹 페이지의 3요소

 

html : 구조와 내용

CSS : 웹페이지 모양

javascript : 행동 및 응용 프로그램

 

-> 가독성과 유지보수를 위해 3가지를 분리하여 개발하게 된다.