![]()
인강을 들으면서 ReactJS로 Movie App을 만들었었다. 그때는 데이터를 받기 위해서 fetch라는 걸 썼었는데 지금 만들고 있는 포트폴리오 사이트와 연동해서 브라우저에 올리기 위해서는 따로 JavaScript Ajax를 이용해야 했기때문에 방법을 더 찾아봤다. https://yts.mx/api#list_movies API Documentation - YTS YIFY Official YTS YIFY API documentation. YTS offers free API - an easy way to access the YIFY movies details. yts.mx 영화 목록은 여기서 받아왔다. 아래로 내려가다 보면 URL이 두 개 나와있는데, 여기서 다음 표를 참고하여 정렬 기준을 바꿔서 데이터..
![]()
기존의 기술과 차이점 기존의 웹 브라우저는 굉장히 정적이여서, 클라이언트 측에서 어떠한 정보를 요청request하게 되면 서버 측에서는 해당 정보를 포함한 페이지 전체를 응답response으로 돌려주었다. 웹 브라우저는 서버로부터 받은 HTML을 브라우저에 띄워주는 일을 하였다. http 프로토콜상 요청 건에 대하여 응답을 받게 되면 이루어졌던 연결이 끊기게 설계되어 있는데 그 과정에서 브라우저는 비슷한 페이지를 다시 렌더링해야 했고 서버 또한 같은 페이지를 생성해야 하는 둥 많은 자원을 낭비하게 되었다. Ajax란? Ajax는 Asynchronous JavaScript and XML의 약자로 JavaScript와 XML을 이용한 비동기적 정보 교환 기법이다. 이름에 XML이라고 명시되어 있지만 요즘에는..
