web

❗️❗️옵티미스틱 UI 낙관적인 접근법을 사용하는 UI라고 함. 서버에서 응답을 요청하고 받을때 이것은 오류 절대 ㄴㄴ~~~! 백퍼 성공적임 이라고 가정하고 사용자에게 보여주는것을 말한다. 옵티미스틱UI를 사용하면 사용자들에게 더 좋은 환경을 제공할 수 있다! 인스타그램의 좋아요 기능으로 예를 들어보자 1. 일반적인 접근법 (옵티미스틱 UI 사용 X 🙅‍♂️) 1. 좋아요 클릭 좋아요 버튼을 눌렀을때 서버로 요청을 보낸다 2.로딩 요청보낸것을 응답받을때까지 기다림 3.좋아요 활성화 응답에 성공했으면 좋아요 버튼 활성화 단점: 사용자는 서버에 응답이 올때까지 기다려야함 UX가 상당히 저하 장점: 서버와 UI가 데이터가 항상 같다는게 보장되어 있음! 2. 낙관적 접근 (옵티미스틱 UI 사용 O 🙆‍♂️) 1..

로그인을 개발하며 많이 마주쳤던 cookie session. 대충 어렴풋이 알다가 정확한 의미를 모르는것 같아서 이번에 공부해보았다. HTTP 특성 HTTP는 인터넷상에서 데이터를 주고 받기 위해 서버/클라이언트 모델을 따르는 통신규약이다. 클라이언트가 요청을 보내면 서버가 응답을 한다. 이 HTTP는 특성을 가지고 있다. 바로 비연결성(Connectionless)과 비상태성(Stateless) 이다. 클라이언트가 보내는 요청을 저장하지 않는다. 서버는 자원을 절약하기 위해 응답을 처리하고 클라이언트와의 연결을 해제해 버리기 때문에 클라이언트 요청에 대한 정보를 저장하지 않는 것이다 이렇게 되면 로그인을 하더라도 다른페이지로 이동하면 또 로그인을 해야하는 불편함이 생긴다. 그래서 나온 해결 방법이 쿠키(..

CORS는 브라우저가 외부 서버에 접근하려는 경우 데이터를 서로 공유할 수 있도록 해주는 정책입니다. 만약 내 로컬에서 외부 API를 사용하려는 경우에 브라우저가 아예 차단을 시켜버립니다. 바로 SOP를 따르기 때문인데요. SOP(same-origin policy)는 동일한 도메인에 있는 URL에서만 호출할수 있는 정책입니다. 그래서 외부 API를 호출할 경우 이건 다른 리소스라 판단하여 CROS정책에 위반되었다고 브라우저가 결론을 내리는거죠. 아래와 같이 CROS가 위반되었을때 브라우저는 콘솔에 친절히 내용을 알려줍니다. 에러내용을 읽어보면 XMLHttpRequest에 대한 액세스가 CORS 정책에 의해 차단되었다 header 에 ‘Access-Control-Allow-Origin’ 가 없다고 알려주고..

크롬이 자동재생 정책을 2018년도에 변경하였습니다 자세한 내용 참고 광고 등 문제로 막아놨나봐요. 암튼 크롬이 말하는것 중에서 자동재생 되는경우를 몇가지 요약하자면 -음소거된 영상은 항상 허용 -사용자가 클릭,탭 등으로 도메인과 상호작용한경우 -미디어 참여지수가 높을경우 -자동재생권한을 iframe에 위임할경우 [iframe 에 자동재생 설정하기] iframe 에 allow="autoplay" 를 넣어주면 자동재생됩니다. 그리고 같이 iframe 옵션에 autoplay=1 넣어주어야 해요 근데 로컬에서 작업할 땐 안되더라고요 서버에서 해야 작동하는 듯 합니다. 위에 자동재생되는 예시에 사용자가 클릭,탭 등으로 도메인과 상호작용한경우가 있는데 예를들어 위에 자동재생옵션값 넣어주고 사용자가 링크타고 들어오..