소소한 코딩일지

SPA(Single Page Application) SPA는 단일 페이지 애플리케이션으로, 기본적으로 하나의 페이지로 구성되어있다. 기존의 웹 페이지는 서버로부터 요청을 할 때마다 새로고침이 발생하여 웹 페이지 구성에 필요한 리소스를 받는다. 이렇게 기존의 서버로부터 리소스를 받는 형식을 서버 사이드 렌더링(Server-side rendering)이라고 한다. 서버 사이드 렌더링(Server-side rendering) 방식은 보통 header, footer 부분을 제외하고 contents 부분을 렌더링 받는데 이때 변하지 않는 부분도 새롭게 랜더링하기 때문에 비효율적인 부분이 있다. 반면, SPA의 경우 모든 정적 리소스를 한 번에 전달받아 사용한다. SPA로 설계된 웹페이지를 보면 화면을 랜더링할때 ..

동기(Synchronous)와 비동기(Asynchronous)는 개념적으로 많이 접해보았지만 프로젝트를 진행하면서 '비동기(또는 동기)적으로 처리'라고 하는 부분이 나올 때마다 흠칫하는 나 자신을 보면서 정리를 하면 좋겠다는 생각을 했다. 동기, 비동기 처리라는 개념은 언어를 불문하고 적용되는 개념이다. 가장 흔히 설명에 사용되는 경우는 마트에서 결제를 할 때, 계산대가 한 곳에 맛있으면 사람들은 한 명의 결제가 끝나기 전까지 대기상태에 있어야 한다. 하지만 계산대가 여러 개 있다면 늦게 도착한 사람이라도 계산이 먼저 끝날 수 있고, 여러 개의 계산을 동시에 진행할 수 있다. 동기(Syncronous) 동기적 처리는 하나의 요청을 보낸 후, 결과를 받고 나서 다음 요청을 보내는 방식이다. 모든 과정이 순..