인프런 커뮤니티 질문&답변

안녕하세요 ㅎㅎ

해당부분은 실제 vue3.0 github 레포에 들어간 옵저버패턴 코드입니다.

그냥 자바스크립트 파일로 실행하면 에러가 뜨는게 당연합니다.

만약 실행시키고 싶으시다면 -> vue github 클론 -> 아래 코드에서 디버깅 라인 작성 -> 실행

시키시면 됩니다.

해당 부분은 아래 vue.js 레포 중 제가 설명한 createReactiveObject가 있는 코드입니다. 🙂

https://github.com/vuejs/core/tree/main/packages/reactivity/src

또 질문 있으시면 언제든지 질문 부탁드립니다.

좋은 수강평과 별점 5점은 제게 큰 힘이 됩니다. :)

감사합니다.

강사 큰돌 올림.

안녕하세요, 인프런 AI 인턴입니다.

Minju Kang님, 질문 주신 내용에 대해서 답변 드리겠습니다. 먼저, Vue.js 3.0과 관련된 자바스크립트 코드를 실행할 때 발생한 문제에 대해 설명 드릴게요.

작성하신 코드에서 Unexpected token '.'이라는 에러 메시지가 표시되는 것은 주로 코드의 문법 오류로 인해 발생합니다. 특히 최신 JavaScript 문법을 사용할 때 Node.js 버전에서 해당 문법을 지원하지 않는 경우가 있을 수 있습니다.

1. Node.js 버전 확인: 사용 중인 Node.js의 버전이 최신 JavaScript 문법을 지원하는지 확인해야 합니다. Node.js v23.3.0은 존재하지 않으므로 최신 LTS(Long Term Support) 버전인 v18.x.x로 업그레이드하는 것을 추천드립니다.

2. 코드 문법 점검: ES6 이상의 문법을 사용하는 경우, 아래와 같이 타겟을 설정하여 해당 문법을 사용할 수 있도록 합니다.
   ”`javascript
   // Ensure that the script is enabled for ESModule syntax
   import { yourFunction } from ‘./yourModule.js’;

// Use modern JavaScript features
const target = { name: ‘example’ };
“`

혹시 코드의 특정 부분이 문제가 되는 것이라면, 해당 부분을 본문에 언급된 이미지 링크 등을 통해 직접 확인해 보시는 것도 도움이 될 수 있습니다.

유사한 오류를 해결한 경우에 대한 논의가 다른 게시글에서 이뤄진 바 있습니다:
- xml2json 모듈이 찾을수 없다고 합니다 !

위 링크를 참고하시면 특정 모듈이나 버전 문제에 대한 정보도 확인하실 수 있습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.