Enjoy Programming

오랜만에 넷플릭스 클론사이트 업데이트를 하다가 문제가 생겼다. 다름이 아니구.. themoviedb api 에서 detail 화면에 예고편을 뿌려주려고 컴포넌트를 하나 만들었는데~ mixed content error가 발생하면서 비디오를 받아오지 못하는 것이다. 수정은 해놔서 스크린샷은 없다. 아무튼 에러 코드를 읽었을때 https: http 어쩌고 한다. https 에서 http를 써서 그런다는 듯 했다 코드를 보니 유튭 영상을 가져와 뿌려줄 때 http로 적었다. 요걸 https로 수정하니 자알 나온다... 흠 그럼 도대체 어떤 문제일까 검색해보니 https 사이트에서 ajax를 사용해 비동기로 http로 연결되어 있는 다른 컨텐츠(이미지, 비디오, 파일)을 이용해서 화면에 출력하려고 했을때 발생한다..

Socket.IO 는 WebSocket을 기반으로 클라이언트와 서버의 양방향 통신을 가능하게 해주는 자바스크립트 라이브러리이다. 브라우저와 Node.js용 서버 측 라이브러리, 두 부분으로 구성된다. 먼저 MDN에서 websocket이 무엇인지 살펴보자. 웹 소켓은 브라우저와 서버 사이의 인터액티브 통신 세션을 설정할 수 있게 하는 고급 기술이다. 개발자는 웹 소켓 API를 통해 서버로 메세지를 보내고 서버의 응답을 위해 서버를 폴링하지 않고도 이벤트 중심 응답을 받는 것이 가능하다. HTTP를 생각해보면 HTTP는 stateless 이다. 그래서 클라이언트에 접속해서 서버로 get이나 post요청을 하게되면 응답이 이루어지게 되는데 이 하나의 과정이 끝나면 서버와의 연결이 끊긴다. 서버가 유저를 지속적..

우선 mdn을 살펴보자 HTTP쿠키(웹쿠키, 브라우저 쿠키)는 서버가 사용자의 웹브라우저에 전송하는 작은 데이터 조각. 브라우저는 그 데이터 조각들을 저장해 놓았다가 동일한 서버에 재 요청시 저장된 데이터를 함께 전송한다. 쿠키는 두 요청이 동일한 브라우저에서 들어왔는지 아닌지를 판단할 때 주로 사용된다. 이를 이용하면 사용자의 로그인 상태를 유지 할 수 있다. 기본적으로 HTTP는 stateless! 상태가 없다. 웹사이트는 유저와 항상 연결되어 있지 않다. 유저가 웹사이트에 접속할때 request가 되고 그 순간 연결이 된다. 그리고 내요청에 대한 응답을 받는 순간 연결이 끊긴다. 예를 들어 페이지를 뿌려주고 끝이 난다는 것. 문제는 유저에 대해 기억을 해야할 필요가 있다는 것. 웹사이트를 사용하는 ..