프론트엔드-코드 237

웹소켓, SSE(Server Sent Events)

웹소켓이나 SSE(Server Sent Events)는 클라이언트와 서버가 서로 연결된 상태에서, 서버가 지속적으로 클라이언트에게 데이터를 보내주는 식이다. 마치 클라이언트는 while(true){ if (server.data != null){ process(); }} 이런 느낌으로 계속 대기를 하는 것이다. 비동기로. 웹소켓 : 양방향 SSE : Server -> Client 단방향 ajax는 필요없는 정보, 그러니까 HTTP 메시지의 header에 관한 이런 정보들 까지 같이 넘어오는데, 웹소켓은 그냥 필요한 정보만 넘어온다고 한다. 그리고 웹소켓이 나중에 나왔다. ajax가 기존 http의 지속적인 연결 불가능이란 한계를 극복하기 위해 나왔는데, 이건 그냥 어떤 편법으로 만든 거 같다. 필요없는 정..

Jquery를 이용한 ajax 예시

https://scoring.tistory.com/entry/AJAX란-JQuery를-이용한-AJAX사용법 AJAX란? JQuery를 이용한 AJAX사용법 AJAX (Asynchronous Javascript And XML) 란 무엇인가? 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신기능 클라이언트와 서버간에 XML 데이터를 주고받는 기술이 scoring.tistory.com 근데 내가 생각하기에는 ajax 잘 안쓸거 같다. WebSocket이 ajax의 발전형 이라고 한다.

원근법, 겹친 다음 뒤에 있는 요소 가리기

perspective: 600px; 원근법. 실제로 입체적인 느낌임. 예를 들어 .medal:hover .front{transform: rotateY(-180deg);} .medal .back{transform: rotateY(-180deg); width: 200px; height: 200px;} .medal .back .btn{position: absolute; top: 100px; left: 0;right: 0; margin: auto;} .medal:hover .back{transform: rotateY(0deg);} 이렇게 Y축으로 돌릴때 실제 3d 오브젝트 돌리는 느낌. 만약 perspective 안주면 rotateY는 그냥 줄어들었다 펴지는거고, 주면 실제로 돌려버리는 그런 느낌..? 그런 거..