[TIL]フリープラン#11



[TODAY]

  • HTML、CSS処理
  • flex box
    :スケールでレイアウトを作成できます.
  • grow(膨張指数)、shorth(収縮指数)、base(デフォルトサイズ)
    (0、1、autoがデフォルト)
    growとshriftは相対値であり,1/nと計算される.
    /* 부모노드에 display: flex; 입력, 자식 노드에 그외 설정 */
    
    #container {
    display: flex;
    }
    
    .continerbox {
    flex: 0 1 auto; 
  • ボックスレイアウト
    例:右上隅左下隅に設定します.
    例2:1(top,bottom)2(右,左)パケット設定.
  • body {
    pedding:  /* content 바깥 여백 */
    border:  /* 안쪽 테두리 */
    margin:  /* 바깥쪽 테두리 */
    }
  • 繰り返し文の各種関数
  • %の利用率
  • // 1. 약수를 구하기 위해 활용하는 경우
    function isFactor (num) {
      let result = [];
      
      for (let i = 0; i <= num; i++) {
        if (num % i === 0) {  
          result = result.push(i);
        }
      }
      return result;
    }    // num가 10일때, result [1, 2, 5, 10]
    
    // 2. 짝수, 홀수를 판별하기 위한 경우
    function trueOrFalse (num) {
      if (num % 2 === 0) {       // 2로 나누었을 때 나머지 값이 0이면 짝수이다.
        return true
      }
      else if (num % 2 !== 0) {
        return false
      }
    }
  • Math...
  • 1) Math.sqrt
    :平方根が必要な場合
    console.log (Math.sqrt(4));
    // 2
    2) Math.pow
    : Math.pow (num, rep)
    numにrepを乗じる.
    console.log (Math.pow(2, 4));
    // 32
    前回いろいろな困難を経験したツイッター木業を作るその場合、CSSを使用して様々な設定を入力しても、何の変化もありません.
  • 開発者ツールで区切られたBox
  • について
  • htmlを記述する場合、必要に応じて親ノードと子ノード
  • を区別する.
    ある程度の方法を使っていて、時間が足りなかったのですが、うまく任務を遂行できたことをうれしく思います.

    [TOMORROW]

  • 配列、オブジェクト解答
  • CSSは各種の概念
  • を理解する