inflearn logo
강의

講義

知識共有

CS知識の正典 | デザインパターン ネットワーク オペレーティングシステム データベース データ構造

オブザーバーパターン ★★☆

Vue.js 3.0 옵저버 패턴 실습 코드 실행 방법

解決済みの質問

124

Minju Kang

投稿した質問数 1

0

교재 42, 43쪽의 자바스크립트 코드를 실행하려고 하니

image.png


다음과 같이 떠서요.
혹시 어떻게 실행시켜야 하나요?

디자인패턴 옵저버패턴 실습

回答 2

0

kundol

안녕하세요 ㅎㅎ

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

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

 

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

시키시면 됩니다.

 

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

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

 


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

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

감사합니다.

강사 큰돌 올림.


0

communityai8509

안녕하세요, 인프런 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 모듈이 찾을수 없다고 합니다 !

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

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

Model이 비즈니스 로직을 담당하나요?

0

105

2

C++ 파일 구조 질문

0

128

1

BASIC PENTESTING2 실습환경 오류

0

148

2

싱글톤을 정적 멤버로 생성하는 경우 질문있습니다.

1

125

2

예제 실습 오타 제보합니다

1

385

1

굳이 팩토리 메소드 패턴을 쓰는 이유가 뭔가요??

0

809

1

실습 데이터 받을 수 있는지요

0

218

1

딕셔너리 공격 실습

0

380

1

[실습1-2] 직접 제작하면서 배우는 JSP 기반의 파일 다운로드 질문

1

634

1

그토록 기다리던 강의!

1

337

1

스프링에서 디자인패턴 적용

1

916

1

Titanic 데이터셋 PClass cateogrical -> one hot encoding

0

376

1

[개인실습] php cli 컨테이너 실행하기 - 관련 문의

1

425

1

SSE 실습 소스코드 위치 문의

1

486

1