[エンタープライズコラボレーション]第2週-Medistream


エンタープライズコラボレーション2週目


1.第1週目の仕事内容

  • の最初の週に計画を完了し、UI上で統一感と美感の効果を提供するために、vuetifyというライブラリを使用しました.
  • はまた、4つのコンポーネントを作成しようとしている.
  • 2.第1週目の仕事のフィードバックと方向性

  • cssは、純粋なcssを使用して動作する.これはuiライブラリを使用するとカスタマイズが難しく、パッケージ化時に問題が発生する可能性があるためです.
  • 写真を強調するために白黒写真を使うことにしました.
  • の名前は、Kebab-caseビューで推奨される場合があります.
  • uiコンポーネント構造
    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週目の仕事のフィードバック後の仕事内容

  • チーム長が言ったようにappvueに各コンポーネントの内容を記録し、各コンポーネントにslotを作成します.(結果はapp.vueではなく、一時的なphotoeditor、app.vueはphotoeditorのみを受け入れます.ㅠㅠ)
  • チーム長が言う拡張性を考えるということは、コードごとの量が大きいと構造の特定が難しく、追加が難しいのでスロットで管理しようと思っていたのですが、今のところコードの量はそれほど多くないようなので、1つのファイルで管理しても構いません.しかし,後で機能を増やし続けると,このslot構造に意味があるかもしれない.
  • 以下にプロトコルを示します.
    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週目の感想

  • 既存プロジェクトは無条件で簡潔であり、for/mapを使用して重複作業を最小限に抑える.しかし、内容があまり変わらないボタンは直感的にすぐにわかり、繰り返し書くのではなく、内線で書くことができます.
    ただシールがどれくらいあるか分からないのでマップデータの場合、定数データを作成し、jsファイルとしてimportを使用できます.
    つまり,すべての場合に複文を書く必要はなく,コードも人が見ているので,可読性を考慮して書くことを改めて感じた.
  • vuetifyライブラリを使用する前に、チーム長や射手たちに残念ながらアドバイスを求めました.もう少しコミュニケーションが良ければ、二度目の仕事はありません...私はこのことを教訓にして、コミュニケーションと質問が上手な開発者になりたいです.
  • 5.他社生活で感じたこと

  • 金曜日の夜のtownhall会議に参加しました.その日は射手のインターンシップ期間中に行われた仕事を社員全員に紹介しました.3ヶ月間本当にたくさんの仕事をしました.人と比べないように、毎日決心していたが、無数の成果がまた私を刺激した.まだまだ足りないところが多く、勉強や身につけなければならないスキルも多すぎます.あきらめないで、尊仏をするといつか射手の希望になって拷問されます^^
  • ですね.そして市役所会議が開かれるのは新鮮です.私が想像していた起業家の姿ではなく、みんなが熱心に働いている姿が新鮮です.会社のシステムを作るために努力している代表の姿も印象的だ.