2022.01.06

[IOS 12]予想外の下端バーに出てきた話題<input type="text" readonly />であっても、IOS 12はキーボードのない最下位層を生成する.
これを防止するために、onfocus="this.blur();"を追加し、フォーカス時に直ちにぼやけさせる.(小細工)
Git Conflictでブランチを作成するにはどうすればいいですか?
マスターでfeatureブランチをマージすると競合する可能性があります.
このとき解決できる方法.

特性/EXAMPLE-01->PR->開発生成

衝突

1号PRは変わらず

プロパティ/EXAMPLE-01->競合/EXAMPLE-01ブランチ

を作成

開発->統合->競合/EXAMPLE-01競合解決

競合/EXAMPLE-01->PR->

生成

衝突ブランチマージ後、フィーチャーブランチも自動マージ

削除

競合ブランチ

[Vue 3]反応型が破られる!
反作用で生成されたオブジェクトを勝手に置き換えないでください.
ねじれが始まると、反応型がどこで動かないかを調整するのは難しい.

はProxyオブジェクトを返します.

hookはProxyオブジェクトを返します.

piniaの状態は、最も低いPropertyまで重複するProxyを返します.

私の場合、stateのdata propertyを通常のapi応答に置き換え、反応型を破壊します.

const useCatalogState = defineStore('catalog', {
  state: (): ICatalogState => ({
    data: {
      catalog: {},
      prodList: null,
      attributeInfo: {
        generalAttributeList: [],
        groupAttributeList: [],
      },
      lowestList: [],
    },
    params: {
      freeShip: false,
    }
  }),
  getters: {},
  actions: {
    async fetchData(params: IGetCatalogProdInfoApiParams) {
      // < state.data의 반응형이 깨져버린(혹은 벗겨진) 코드 >
      
      const { data }: = await getCatalogProdInfo(params);
      
      // Proxy 였던 this.data가 일반 Object로 바뀐다.
      // data는 컴포넌트단에서 변경하더라도 반응형으로 동작하지 않게된다.
	  this.data = data; 
      

      // < state.data의 반응형이 유지되는 코드 >
      const {
        data: { catalog, prodLists, attributeInfo, lowestList },
      } = await getCatalogProdInfo(params);
      
      this.data.catalog = catalog ?? {};
      this.data.prodList = prodLists?.prodList ?? null;
      this.data.attributeInfo = attributeInfo;
      this.data.lowestList = lowestList;
    },
  },
});