Web system

REST API? REST API는 웹에서 사용되는 데이터나 자원을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식이다 쉽게 말하면 웹에서 데이터를 주고받기 위한 방법(메뉴판)이다! (저번 게시물에서 API 설명할때, 웹의 경우, REST API 라는 원칙에 따라 작성하면 좋다고 햇음) REST API를 디자인 하는 방법 REST API를 작성할때는 지켜야 할 규칙이 있는데, 레오나드로 리차드슨 이라는 사람이 이 규칙을 4단계 모델로 만들었다고 합니다 REST 성숙도 모델은 총 4단계(0~3단계)로 나누어짐 실제로 3단계 까지 지키기 어렵기 때문에, 2단계까지만 적용해도 좋은 api 디자인이라고 볼 수 있구, 이런 경우는 HTTP API 라고도 부름~ 0단계: HTTP ..

Open API , Rest API 등등 여기저기서 API 이야기 하는데 뭔소린지 잘 모르겠죠? 저랑 같이 정리해봅시다 API 란? Application Programming Interface 한 프로그램에서 다른 프로그램으로 데이터를 주고받기 위한 방법 쉽게 말해서, 메뉴판이다! 우리가 식당에서 주문을 한다고 가정해보죠. 중국집가서 치킨 먹고 싶다고 치킨을 시킬수는 없죠? 우리의 선택권을 한정시켜주는 '메뉴판'이 필요하겠죠. 주인이 메뉴판을 만들면, 그 안에서 우리가 음식을 고르게 되죠. 메뉴판이 식당의 API 가 되는 겁니다. 식당과 손님이 음식을 주고받기 위한 방법으로 사용되니까요 프로그램 측면에서 생각해보죠. 영화를 보여주는 프로그램이 있습니다 여기서 내가 마음대로 '아는형님'을 요청하면 어떻게..

SSR과 CSR이란? SSR(Server Side Rendering) 서버에서 웹페이지를 렌더링합니다 CSR(Client Side Rendering) 클라이언트에서 웹페이지를 렌더링합니다 SSR과 CSR 차이점 SSR과 CSR의 차이점은 페이지가 렌더링되는 위치입니다. 이 중 CSR은 브라우저(클라이언트)에서 페이지를 렌더링합니다. CSR은 사용자가 다른 경로를 요청할대마다 페이지를 새로고침하지 않고, 동적으로 라우팅을 관리합니다 SSR 사용 SEO(겅색엔진최적화)가 우선순위인 경우 웹페이지가 사용자와 상호작용이 적은경우 웹페이지 첫화면 렌더링이 빠르게 필요한 경우 (단일파일, 용량이 작은 SSR이 적합) 예시 :네이버 블로그, 뉴욕타임즈 CSR 사용 SEO(겅색엔진최적화)가 우선순위가 아닌 경우 웹페..

위의 무신사 페이지처럼 웹 페이지의 일부분만 바꾸고 싶가면 어떻게 해야할까? 그럴때 AJAX 를 사용한다 1. AJAX란? AJAX는 웹페이지의 필요한 부분에 필요한 데이터만 비동기적으로 받아와 화면에 그려낼 수 있다는 것입니다 구글을 열어보자. 구글에서 딱 한부분 만큼은 html 에 작성된대로 유저가 사용하는 것이 아니라, 유저의 요구에 따라 반응하며 변화하는 부분이 존재한다. 그 부분이 바로 검색창이다. 검색창에 한 글자를 입력할때마다 , 해당글자로 시작하는 단어들은 서버로부터 받아와, 아래 추천 검색어로 보여주게 된다. 다시말해, 검색창에 필요한 데이터만 비 동기적으로 받아와 렌더링 되며,여기에 ajax 가 사용된다. 또다른 예시로는 원티드가 있다 원티드에 들어가보면 사용자가 맨 밑까지 스크롤하더라..

HyperText Transfer Protocol 컨텐츠를 주고 받기 위해서는 서버와 클라이언트가 공통적으로 이해할 수 있는 메세지인 http 를 써야 한다. http는 request 와 response message 로 구분되어 있다 request 와 response message는 다음과 같은 유사한 구조를 가집니다 1. start line 2. http hesders 3. empty line 4. body 구글에 'http request format' 이라고 쳐보았다 http request 는 start line, headers, body 라는 세 부분으로 나뉜다 start line :GET 요청은 웹 서버로부터 데이터를 가져올때 쓰는 요청이다 반대로, 웹서버에서 데이터를 보낼때는 POST 요청을 ..