언젠가는 펼쳐 볼 아카이브

상태관리 상태 관리 기술이란 앱 상에서의 데이터를 메모리 등에 저장하고 하나 이상의 컴포넌트에서 데이터를 공유하는 것 한 컴포넌트 안에서의 상태, 여러 컴포넌트 간의 상태, 전체 앱의 상태 관리를 모두 포함 MPA에서의 상태관리 SPA에서의 상태관리 - 서버의 데이터를 이용해 페이지를 렌더링하므로, 클라이언트의 데이터와 서버의 데이터가 큰 차이를 가지고 있지 않음 - 자체적으로 데이터를 갖고, 서버와의 동기화가 필요한 데이터만을 처리함 - 그 외의 데이터는 client만의 데이터로 유지 상태 관리 기술의 도입 상태가 많지 않거나, 유저와의 인터렉션이 많지 않다면 매 작업 시 서버와 동기화하더라도 충분함 앱이 사용하는 데이터가 점점 많아지고, 유저와의 인터렉션 시 임시로 저장하는 데이터가 많아지는 경우 상..

Javascript Asychoronus 초기 웹 환경에서는 서버에서 모든 데이터를 로드하여 페이지를 빌드 했기 때문에, Javascript 에서는 별도의 비동기 처리가 필요하지 않았음 Ajax의 등장으로 페이지 로드 없이 client-side에서 서버로 요청을 보내 데이터를 처리할 수 있게 됨 XMLHttpRequest라는 객체를 이용해 서버로 요청을 보낼 수 있게 됨 Javascript는 single-threaded 언어이므로, 서버 요청을 기다려야하면 유저는 멈춰있는 브라우저를 보게 됨 따라서 비동기 처리를 이용해 서버로 통신할 필요가 있음 Synchornous Asynchoronus - 해당 코드 블록을 실행할 때, 스레드의 제어권을 넘기지 않고 순서대로 실행함 - 코드의 순서와 다르게 실행 됨 ..

MPA(Multi Page Application)란? 서버에 미리 여러페이지를 두고 유저가 네비게이션 요청 시 적합한 페이지를 전달하는 방식 미리 서버에서 전체 페이지를 빌드해 브라우저로 전송됨 서버에 라우팅을 처리하는 기능이 있고, 서버가 여러 페이지를 관리함 페이지 요청마다 모든 리소스를 다시 받아오므로, 페이지간 데이터를 재활용하기 힘듦 SPA(Single Page Application)란? 하나의 페이지 요청으로 전체 웹 앱을 사용하는 방식 Client-side routing 기술을 활용해, 페이지 진입 시 리로드 없이 라우팅 함 AJAX 기술을 활용, 페이지 이동 시 서버에 데이터만 요청하여 자바스크립트로 페이지를 만듦 MPA와는 다르게 여러 페이지를 하나의 앱의 구성요소로 보고 여러 페이지 간..

코드 리뷰 // orderService.js 일부 ... orderBody.id.length { const user = await User.findOne({ email: id }).exec(); let data; ... 변수는 사용하기 바로 전에 선언하는..