0915 (์)
HIFI ํ ํ์ (์ค์ 10์ ~ 12์) : ๋ก๊ทธ์ธ ๊ตฌํ์ ๋ํ ๋
ผ์
- RefreshToken ๊ฑด์
- token์ ์ด๋์ ์ ์ฅํ ์ง (์ฟ ํค / ๋ก์ปฌ)
Next.js ์์ฃผ์ด์ง๐
์๊ณ ๋ฆฌ์ฆ :
LeetCode: 74. Search a 2D Matrix : binarySearch
BAEKJOON: 2468 : DFS
0916 (๋ชฉ)
๋ฉด์ ์ค๋น _ ๊ธฐ๋ณธ ๊ฐ๋
์ฝ์ด๋ด
( ์ค๋ ๋๋ ์ ์ ๋ฉด์ ์ค๋น๋ผํ ๊ฒ์ ์๋ ๊ฒ ๊ฐ๋ค. ๊ทธ๋ฅ ๋์ ๊ณต๋ถํ๋ ๊ฒ, ๋๋ ๊ฒ๋ค์ ๋งค์ผ ๋งค์ผ ์ ๋ฆฌํ๊ณ ๋ฉด์ ์๋ฆฌ์์๋ ๊ทธ๋ฅ ์๋ ๊ทธ๋๋ก์ ๋๋ก ๋ํํ๋ ๊ฒ์ด ์ต๊ณ ์ผ๊ฑฐ ๊ฐ๋ค๋ !
์์ผ๋ก ์๊ณ ๋ฆฌ์ฆ& ๋ฉด์ ์ค๋น ์กฐ๊ธ์ฉ ๋งค์ผ ํด์ผ์ง )
Next.js __ SSR, SSG, CSR์ ๋ํด์ ์ ๋ฆฌ (pre-rendering, data-fetching๊ด๋ จ)
ํ๊ฑฐ
๋ฒ ์คํธ์จ๋ฒ: ํ๊ธดํ๋๋ฐ ๋ค๋ฅธ์ฌ๋ํ์ด๋ฐฉ์๋ณด๊ณ sort
์ดํดํจ, ์ด๊ฑฐ๋ณด๊ณ ์ง๋ ์ฃผ์ ํฌ๊ธฐํ๋ ๋ฌธ์ ๋ณต์์ ๋ ฌํ๊ธฐ๋ ํ ์ ์์์ ๊ตฟ๐
genres
.map((t, i) => ({ genre: t, count: plays[i], index: i }))
.sort((a, b) => {
if (a.genre !== b.genre) return dic[b.genre] - dic[a.genre];
if (a.count !== b.count) return b.count - a.count;
return a.index - b.index;
})
0917 (๊ธ)
์ถ์์ฐํด
- ์์์์์ํ
์ฝํ
ํ์ด(Codility)
NEXT ๋ฐฐํ
- ์์ฌ์๋ค ๐
0923 (๋ชฉ)
- ๋ค์ ์ผ์๋ณต๋~
HIFI ํ์ ๋ฐ Bug์ฌํญ Fix
0924 (๊ธ)
- ์ค์ 10์30๋ถ~ 12์ :HIFI ํ์ ์งํ
- ๋ฐฑ์๋ API์ฐ๋
- ๊ด์ฌ์ฌ ์ ๋ณด ๊ฐ์ฒด๋ก ๋๊ธฐ๊ธฐ
- ๋ฆฌํฉํ ๋ง ๋ฐ ๋ฆฌํฉํ ๋ง์ฌํญ ์ ๋ฆฌ ๐จ๋ฆฌํฉํ ๋ง
- ๊ฐ์ธํ์ ๊ตฌ์์ก๊ธฐ
์๊ณ ๋ฆฌ์ฆ ํ๊ธฐ
- ์ต์ ํ ์ด์ฉ๊ฒจ
0925 (ํ )
React Key index ์ ๋ฆฌ
- Promise
HIFI๋ก useEffect datafetching ์ฐ์ต
์๊ณ ๋ฆฌ์ฆ