반응형
1. 에러 원인
This is because require() does not exist in the browser/client-side JavaScript.
Now you're going to have to make some choices about your client-side JavaScript script management.
Node.js 의 "require" 메서드가 자바 스크립트의 브라우저/클라이언트 사이드 부분에 존재하지 않기때문에 발생한다.
이를 해결하기 위해서는 자바스크립트 부분의 클라이언트 사이드 쪽에 몇가지 방법을 사용하여 "require" 메서드를 인지시켜줘야 한다.
2. 해결 방법
해결방법에는 3가지가 있는것 같다
1. Use the <script> tag.
2. Use a CommonJS implementation. It has synchronous dependencies like Node.js
3. Use an asynchronous module definition (AMD) implementation.
1번 html 부분에 <script> 태그 사용하기
2번 CommomJS 실행 방법을 사용해서 Node.js 의존성과 동기화 시키기
3. AMD 실행방법을 사용하기
나의 경우에는 1번 방법을 사용했다.
맨 처음의 답과 같은 것이지만 아래 있던 나머지 답들 중에 자세히 설명한 방법이 있어서 많은 도움이 되었다.
위의 방법을 참고하여 아래와 같이 처리를 해주었더니 우선 데이터는 떴다
3. 참고 링크
반응형