[エンタープライズコラボレーション]第2週-Medistream
エンタープライズコラボレーション2週目
1.第1週目の仕事内容
2.第1週目の仕事のフィードバックと方向性
1) v-mode
-editor-camvasのv-modelをcorejsインスタンスとして使用し、v-modelを残りのデータ、詳細エディタ、コントローラで操作できるようにする場合は、
this.photoEditor로 접근 가능해진다
2) slot-
<template v-slot ...
で使用されるslot方式があり、チーム長はこの方式がもっと自然だと言った.これは、Controller、editor(後で名前を変更する)が同じコアjsに注目していることがわかります.これは、ライブラリの拡張性と自主性が最終的に向上することを意味します.ただし、コードが長すぎたり複雑になったりするため、管理が必要です.コードを変更します.
<p-editor>
p-editor에 core js가 들어있는 거니까
이것을 각각의 template에 props로 넘겨줄 수 있다.
<컴포넌트 a v-slot:controller></template>
=> <slot core-js></slot>
<template v-slot:detail-editor></template>
<template v-slot:editor></template>
</p-editor>
3.第1週目の仕事のフィードバック後の仕事内容
photo-editor가 초기화되면
// 라이브러리 호출 - app vue
<photo-editor option은 넣는걸 나중에 생각></photo-editor>
//photo-editor. ui와 관련된 부분만 분리.
<template>
<photo-editor>
<template v-slot:imagecontroller="(photoeditor}">{{photoeditor.data}}</template>
<template v-slot:imageEditor="(photoeditor}">
<btn @click="photoEditor.methods.rotate"></btn>
</template>
<template v-slot:imageSticker="(photoeditor}">{{photoeditor}}</template>
</photo-editor>
</template>
// 이름이 약간 헷갈리는거 같음 컴포넌트 이름들
//photo editor canvas => 여기서 모듈을 총 관리. 모듈을 위한 공간으로만.
<template>
<slot :photoEditor="photoEditor"></slot>
<canvas></canvas>
<slot :photoEditor="photoEditor"></slot>
</tempate>
<script>
import * from 'editor.js'
여기서 모듈을 호출해서 필요한거 다 만들고 부르고 세팅
</script>
4.2週目の感想
ただシールがどれくらいあるか分からないのでマップデータの場合、定数データを作成し、jsファイルとしてimportを使用できます.
つまり,すべての場合に複文を書く必要はなく,コードも人が見ているので,可読性を考慮して書くことを改めて感じた.
5.他社生活で感じたこと
Reference
この問題について([エンタープライズコラボレーション]第2週-Medistream), 我々は、より多くの情報をここで見つけました https://velog.io/@junchi211/기업협업-2주차-메디스트림テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol