Loading views...
yarn localstroage hidra 앱 개발

yarn localstroage hidra 앱 개발

Date
Date
2020 Apr 21 0:0
Created by
Created by
Seonglae ChoSeonglae Cho
Created time
Created time
2023 Feb 28 12:39
Last edited by
Last edited by
Seonglae ChoSeonglae Cho
Last edited time
Last edited time
2025 Jun 4 10:16
Refs
Refs
ERROR Cannot import module '@nuxt/webpack' 11:33:03 at _import (node_modules\@nuxt\cli\dist\cli-index.js:83:17) at processTicksAndRejections (internal/process/task_queues.js:94:5) √ DB Connected
  • 갑자기 에러뜨네 뭐지 나도 팀장님처럼
 
localstorage 넣은거 때문인지 yarn upgrade 때문인지 몰겠
 
  • localstorage 지우고 해도 안되는거 보니 upgrade 문제
 

yarn upgrade 해서 문제였다 repository에서 yarn lock 받아서 하니 된다

 
 
 
  • 그런데 이제 함수가 마구잡이로 늘어나다 보니 파일 하나가 너무 커진다
곰곰히 생각해보며 검색해보니 대안이 2개 나오는데
 
  1. prototype 으로 동적 할당
  1. mixin
 
composite pattern, decoration pattern 에는 mixin 이 더 적합하고 아름다워서 이걸로 채택

JS MixIn

 
장식자(Decorator) 패턴, 컴포넌트 패턴 구현에 적합해 보인다
자바스크립트 Class 와 편의문법, 그리고 믹스인(Mixins) 기법
자바스크립트는 ES2015(ES6) 부터 클래스 문법이 도입되었습니다. 키워드의 등장은 코드 작성자 입장에서 아주 반가운 일이지만, 실은 클래스처럼 동작하게끔 만들어주는 편의문법(syntactical sugar)이라는 점에 유의해야 합니다. 내부적으로 기존 prototype 기반의 상속구조 변환되기에 사용자가 작성한 클래스는 결국 키워드와 함께 호출되기를 기다리는 자바스크립트 함수(function)로 바뀌게 됩니다. JavaScript classes, introduced in ECMAScript 2015, are primarily syntactical sugar over JavaScript's existing prototype-based inheritance.
자바스크립트 Class 와 편의문법, 그리고 믹스인(Mixins) 기법
 
JS Prototype
 
 
 
 
 
 
 

Recommendations