클라이언트 사이드 2

UI: 아이템 리스트(데이터 바인딩 & 클라이언트 사이드 랜더링)

데이터바인딩이란? 화면에보이는 데이터와 브라우저 메모리에 있는 데이터를 일치시키는 기법이다. - 1. 사용자가 입력한 정보를 얻어옴 - 2. 찾아온 데이터를 갱신 클라이언트 사이드 랜더링 이란? 웹서비스 개발방식은 두가지가 있습니다 서버사이드 랜더링, 클라이언트 사이드 랜더링 서버사이드 랜더링 1. 서버에서 HTML 파일을 미리 다 완성해서 보내주는 방법 클라이언트사이드 랜더링 2. 서버에서 텅빈 HTML 파일 + 중요데이터만 보내고 HTML에 데이터바인딩을 한뒤 완성하는건 클라이언스 사이드에서 자바스크립트로 하는 방법 오늘날은 서버사이드에서 모든 데이터를 처리하면 무겁고 처리 속도또한 느려지기 때문에 반드시 서버사이드에서 처리해야할 중요하고 보안성이 필요한 데이터를 제외하고는 클라이언트 사이드 랜더링으..

클라이언트 사이드 & 서버 사이드

[클라이언트 사이드] ● 네트워크의 한 방식인 클라이언트-서버 구조의 클라이언트 쪽 에서 행해지는 처리를 말한다. 예) HTTP 통신에서 HTML문서가 동적인 부분을 갖고 있지 않다면 문서 수신이 끝나고 나서는 서버와 교신하지 않고 브라우저가 클라이언트 사이드 에서 처리하여 화면에 내용을 표시 ● 클라이언트 사이드 스킬: java script, CSS, HTML ● 클라이언트 사이드 프로그램: 웹브라우저(크롬, 파이어폭스, 인터넷, 마이크로소프트 앳지) 클라이언트 사이드 진행 흐름 예시 1. 클라이언트가 넷플릭스 메인 웹 페이지에 들어갔다. 2. 서버가 클라이언트에게 웹페이지 구동시 필요한 언어를 보낸다. 3. 클라이언트 컴퓨터 내부 웹프라우저 라는 애플리케이션에 의해 처리하고 화면으로 보여준다. ● 장..

CS 2021.07.01