🔥 今日一日は?

自己紹介ページの作成Who Pageを作成し、ページごとに必要な内容を変更しました.以前はページを設計していましたが、ページを作成するにはコンサルタントや表示部分が欠けていると考えられていたため、レイアウトを変更する方法を考えていました.計画や設計が正確に完成していないため、修正作業が多く、プレッシャーも大きい.
(他の学習グループのメンバーがゆっくり履歴書を入れて面接に行くので、焦りを感じますか?😭)Who pageは、最初のロード時に順次表示されるアニメーションを追加し、gridを使用して全体的なレイアウトを設定しようとします.
gridはまだ熟知していないので、もっと勉強して、よく使って、できるだけ早く熟知する必要があります.grid-mtemplate-rows、grid-mtemplate-columnsを使用して容器の部分を設定するので便利です.反応型を表すときにも大きな助けになりました.

TIL：デザインパターン

今日のレッスン🧑‍💻

🤬 アルゴリズムを解く

function solution(maps) {
    // 1.
    const dy = [1,0,-1,0];
    const dx = [0,1,0,-1];
    const row = maps.length;
    const col = maps[0].length;

    // 2.
    const visitCount = [...maps].map((r) => r.map((c) => 1));

    // 3.
    const queue = [[0,0]];  //시작점

    // 4.
    while(queue.length) {
        const [y, x] = queue.shift();

        // 5.
        for(let i = 0; i < 4; i++ ) {
            const ny = y + dy[i];
            const nx = x + dx[i];

            // 6.
            if(ny >= 0 && nx >= 0 && ny < row && nx < col) {
                // 7.
                if(maps[ny][nx] === 1 && visitCount[ny][nx] === 1) {
                    visitCount[ny][nx] = visitCount[y][x] + 1;
                    queue.push([ny,nx]);
                }
            }
        }
    }

    // 8.
    return visitCount[row - 1][col - 1] === 1 ? -1 : visitCount[row - 1][col - 1];    
}