読んで欲しい人

カレンダーアプリで下記の部分を取得する方法がわからん人
- 1.先月から今月に、はみ出てきてる奴ら：28, 29, 30, 31
- 2.翌月から今月に、はみ出てきてる奴ら：1, 2, 3, 4, 5, 6, 7
dotインストールの問題を自力で解こうと頑張ってた過去の俺

ソースコード

1.先月から今月に、はみ出てきてる奴ら：28, 29, 30, 31

  const getCalendarHead = () => {
  
    const dates = []
    const d = new Date('現在の年', '現在の月', 0).getDate()
    const n = new Date(currentYear, currentMonth, 1).getDay()

    for (let i = 0; i < n; i++) {
      dates.push(d - i)
    }

    return dates
  }

考え方

先月の最終日を d として定義する。
今月の1日の曜日を n として定義する。

イメージ

28	29	30	31	1	2	3
Sun	Mon	Tue	Wed	Thu	Fri	Sat
			d
0	1	3	4	5(n)

先月の d(最終日)からn（曜日分）分のループを回して1ずつ引いていく

解説

new Date('現在の年', '現在の月', 0).getDate()
- new Dateの日数の引数に0を指定して、getDate()をすると先月の末日を返してくれる
- イメージ：2024/08/00 = 2024/07/31 だよね
new Date(currentYear, currentMonth, 1).getDay()で曜日を取得する
- jsでは、曜日は0-6の数値で取得されます
- 0が日曜日、２が火曜日といった具合

2.翌月から今月に、はみ出てきてる奴ら：1, 2, 3, 4, 5, 6, 7

  const getCalendarFoot = () => {
  
    const dates = []
    const n = new Date('現在の年', '現在の月' + 1, 0).getDay()

    for (let i = 1; i < 7 - n; i++) {
      dates.push(i)
    }

    return dates
  }

考え方

翌月は逆に数字を足していくことで求められる
最終日の曜日から土曜日までループを回して、日数を取得する

28	29	30	31	1	2	3
Sun	Mon	Tue	Wed	Thu	Fri	Sat
			n	1	2	3

解説

new Date('現在の年', '現在の月' + 1, 0).getDay()で今月の最終日の曜日を取得してnに定義する

以上

感想、考えたこと

ロジックを考えるのが苦手なので精進します
ロジックを考える上で意識したほうがいいのかな？と思ったこと
1. 求めたい内容（表示したい、取得したい etc）を定義する
2. 何があれば1が実現できるのか、考える
3. 2を実行する
4. 3の結果を元に検証して2に戻る
Atcodeとかやったほうがいいのか