Network24 SSR과 CSR 1. SSR과 CSR 2. SSR과 CSR의 차이점 3. SSR 기용 기업 예 4. CRS 기용 기업 예 5. SSR과 CSR 코드 예시 1. SSR과 CSR SSR (Server Side Rendering) : 웹 페이지를 브라우저에서 렌더링하는 대신에 서버에서 렌더링 함 - 브라우저가 서버의 URL로 GET 요청을 보내면, 서버는 정해진 웹 페이지 파일을 브라우저로 전송 → 그리고 서버의 웹 페이지가 브라우저에 도착하면 완전히 렌더링 됨 - 서버에서 웹 페이지를 브라우저로 보내기 전에 서버에서 완전히 렌더링 했기 때문에 Server Side Rendering이라고 함 - 웹 페이지의 내용에 데이터베이스의 데이터가 필요한 경우, 서버는 데이터베이스의 데이터를 불러온 다음 → 웹 페이지를 완전히 렌더링 .. 2022. 12. 1. AJAX AJAX (Asynchronous JavaScript And XML HttpRequest) : JavaScript, DOM, Fetch, XML HttpRequest, HTML 등의 다양한 기술을 사용하는 웹 개발 기법 - 가장 큰 특징은 웹 페이지의 필요한 부분만 비동기적으로 받아와 화면에 그려낼 수 있다는 것 - ex. 페이스북 메시지나 네이버 포털사이트의 뉴스 탭 처럼 비동기적으로 데이터를 서버에서 받아와 브라우저에 렌더링하는 것 1. AJAX의 두가지 핵심 기술 1.1 Fetch 예제 1.2 XML HttpRequest 예제 2. AJAX의 장점 3. AJAX의 단점 1. AJAX의 두 가지 핵심 기술 - JavaScript 와 DOM 그리고 Fetch임 - 전통적인 웹 애플리케이션에서는 클라이언.. 2022. 12. 1. [HTTP] Responses HTTP Responses Status Line - HTTP Responses는 서버가 클라이언트에게 보내는 메세지 - 응답의 첫 줄을 Status line이라고 부르며, 아래의 정보를 포함함 - Status line의 예시로 HTTP/1.1 404 Not Found가 있음 1. 현재 프로토콜의 버전 (HTTP/1.1) 2. 상태 코드 - 요청의 결과를 나타냄(ex. 200, 302, 404 등) 3. 상태 텍스트 - 상태 코드에 대한 설명 Headers - 요청에 헤더와 동일 구조를 가지고 있음 - 헤더 이름(대소문자 구분 없는 문자열), 콜론( : ), 값을 입력 - 값은 헤더에 따라 다름 헤더의 종류 → General headers : 메세지 전체에 적용되는 헤더로, body를 통해 전송되는 데이터.. 2022. 11. 30. [HTTP] Requests HTTP Requests Start Line - HTTP Requests는 클라이언트가 서버에게 보내는 메세지 - 총 3가지 요소가 있음 1. HTTP 메소드 : 수행할 작업 (GET, PUT, POST 등)이나 방식 (HEAD or OPTIONS)을 설명 - 예를 들어 GET method는 리소스를 받아야 하고, POST method는 데이터 서버로 전송 2. 요청 대상 (일반적으로 UPL, URI) 또는 프로토콜, 포트, 도메인의 절대 경로는 요청 컨텍스트에서 작성 됨 / 요청 형식은 HTTP mehod 마다 다름 2.1 origin 형식 - '?'와 쿼리 문자열이 붙는 절대 경로. GET, POST, HEAD, OPTIONS 등의 메소드와 함께 사용 - POST / HTTP 1.1 - GET /ba.. 2022. 11. 30. [HTTP] Messages HTTP Message - 클라이언트와 서버 사이에서 데이터가 교환되는 방식 - 요청(Request)와, 응답(Response) 두가지 유형이 있음 - HTTP Message는 몇 줄의 텍스트 정보로 구성되나 개발자는 직접 메세지를 작성할 필요가 거의 없고 구성파일, API, 기타 인터페이스에서 HTTP Message를 자동으로 완성함 HTTP Message의 구조 - 요청과 응답은 다음과 같은 유사한 구조를 가짐 1. start line : start line에는 요청이나 응답의 상태를 나타냄. 항상 첫번째 줄에 위치 응답에서는 status line이라고 부름 2. HTTP headers : 요청을 지정하거나, 메세지에 포함된 본문을 설명하는 헤더의 집합 3. empty line : 헤더와 본문을 구분.. 2022. 11. 30. 크롬 브라우저 에러 읽기 - 웹 페이지를 제공하는 서버와 크롬 브라우저가 소통하는 단계, 또는 기기와 네트워크 연결, 크롬 브라우저가 해석할 수 없는 데이터를 전송 받은 경우 발생함 - 아래는 에러 메세지 별 설명 Error Message Description "Aw, Snap!" 크롬 브라우저에서 페이지를 로드하는데 문제가 발생 ERR_NAEM_NOT_RESOLVED 호스트 이름(웹 주소)가 존재하지 않습니다 ERR_UNTERNET_DISCONNECTED 사용 중인 기기가 인터넷에 연결되지 않습니다 ERR_CONNECTION_TIME_OUT ERR_TIMED_OUT 페이지를 연결하는데 시간이 너무 오래 걸립니다. 인터넷 연결이 너무 느리거나, 웹 페이지에 접속한 사용자가 많아서 발생할 수 있습니다 ERR_CONNECTION_R.. 2022. 11. 30. 이전 1 2 3 4 다음
