브라우저에서 노드서버로 요청을 합니다. 노드 서버에서 홈을 요청햇을때 템플릿을 브라우져에 내려줘요. 템플릿 엔진으로 html 코드가 내려옴 화면이 ㅋ그려지면서 브라우저에서 에이젝스 콜한부분 비동기 통신으로 처음에 홈으로 호출하면 홈에대한 html 데이터가 없고 두번째로 자바스크립트가 비동기 통신으로 다시 api를 요청합니다. api 만 호출하면 api/goods를 호출하구요
여기서 mongoDB에 가서 상품목록 달라고 해서 상품목록을 가져온 다음에 그것을 예쁘게 json으로 포장해서 이 html ejs 템플릿을 내려주고 코드에 따라서 가져온 json을 풀어서 make 카드 함수가 호출되고 그러면 현재 화면에 카드가 그려지는것
성장하는개발자