TIL no.34


Codekata💢


replace / subString / splice

  • 文字列を切り取る方法
  • // 복소수 계산 문제
    const complexNumberMultiply = (a, b) => {
      a = a.replace("i", "");
      b = b.replace("i", "");
      let array1 = a.split("+");
      let array2 = b.split("+");
      let front_value = String(
        Number(array1[0]) * Number(array2[0]) +
          Number(array1[1]) * Number(array2[1]) * -1
      );
    
      let back_value = String(
        Number(array1[0]) * Number(array2[1]) +
          Number(array1[1]) * Number(array2[0])
      );
      return `${front_value}+${back_value}i`;
    };
    

    life cycle

  • setStateメソッドの値を次のように変更します.
    render実行時に有効です.
  • 条件付きレンダリング
  • 3項演算子
  • this.state.property? this.function: null
  • &&
  • this.state.property && this.function

    本日CSS🎨


    grid & flex

    .ProductListMain {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 10px;
        grid-auto-rows: minmax(100px, auto);
    
    
        // display: flex;
        // flex-wrap: wrap;
        // width: 800px;
    }