[ ๋ด ๊นํ๋ธ์ ์ผ๊ตด์ด์ ํฌํธํด๋ฆฌ์ค์ธ ๊นํ๋ธ ๋ฆฌ๋๋ฏธ ํ๋กํ์ ๋ค์ํ ๋ฑ์ง์ ์์ ฏ์ ์ด์ฉํ์ฌ ๋๋ณด์ด๊ฒ ๊พธ๋ฉฐ๋ณด์ ! ] #๋ฑ์ง #solved.ac #ํฐ์ด #์๋ #์์ ฏ #ํค๋ํธํฐ
< Next-Auth ๋ฅผ ์ด์ฉํ๋ฉด ์์ ๋ก๊ทธ์ธ์ 5๋ถ๋ง์ ๊ตฌํํ ์ ์๋ค๊ณ ? > ๊ตฌ๊ธ, ๊นํ๋ธ, ์ ํ, ํธ์ํฐ๋ ๋ฌผ๋ก ์นด์นด์ค์ ๋ค์ด๋ฒ ์์ ๋ก๊ทธ์ธ๊น์ง ์ง์ํ๋ Next Auth๋ฅผ ์ฝ๊ฒ ์ฌ์ฉํด๋ณด์. +) ์ธ์ ์ ์ ์ฅ๋๊ธฐ ๋๋ฌธ์ ๊ธฐ๊ธฐ์์ ์๋๋ก๊ทธ์ธ๊น์ง ์ผํ์ดํผ !
์๋ฒํต์ ํ๋ค๊ณ fetch() ์ฐ๊ณ ... .json() ํ์ฑํ๊ณ ... ์๋ฌํธ๋ค๋งํ๊ณ ... useEffect๋ก ์ฑ๊ณต ์คํจ ๋ถ๊ธฐ์ฒ๋ฆฌํ๊ณ ...? ์๋ฒํต์ ๋ง ํํผํด์ค๋ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๊ฐ ์ธ์ ํธํ๊ฒ ์๋ฒ์ฐ๊ฒฐํ๋ ์ด์ผ๊ธฐ (feat. Axios, ReactQuery)
< ํ๋ก๊ทธ๋๋จธ์ค์ ์กด์ฌํ๋ ๋ชจ๋ SQL ๋ฌธ์ ๋ฅผ ํ๋ฉด์ ์ฌ์ฉํ๋ ๊ฐ๋ ๊ณผ ๋ฌธ๋ฒ๋ค์ ์ ๋ฆฌํ ํฌ์คํ > SQL ๋ฌธ์ ๋ค์ ํ๊ณ ์ถ์ง๋ง ์ฟผ๋ฆฌ ๋ฌธ๋ฒ์ ๊ธฐ์ต๋์ง์๊ณ ..๋ค์ ๋ณต์ตํ๋ ค๋ SQL ๋ค๋ฃจ๋ ๊ฐ์๋ ๋๋ฌด ๊ธธ๊ณ ๋ถ๋์ ๋ฐฉ๋ํ๊ณ ...๋ฌธ์ ํ์ด์๋ง ์ฌ์ฉํ ์ค์ ์์ง ๊ฐ๋ ๋ค๋ง ์๊ณ ์ถ๋ค!
3์ผ๋์ ์ด์ฌํ ๊ตฌํํ ๋ฌ๋ ฅ ...์์ธํ ๊ณผ์ ์ ๋์ค์ ์ธ์ ๊ฐ ์ธ ์์ .....์ผ๋จ ์ฝ๋๋ง ๋ ๋ค ํฌ์ฒ.....! ํ ํ !์ฐธ๊ณ : ๋ณธ ๋ฌ๋ ฅ์ ์ฌ์ฉํ๋ ํ๋ก์ ํธ๋ ๋ฆฌ์กํธ ๊ธฐ๋ฐ NextJS์ ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํ๊ณ ์์ต๋๋ค.์ฐธ๊ณ 2 : ๋ณธ ๋ฌ๋ ฅ์ ๊ตฌํํ๊ธฐ ์ํด react-mo
์ฃผ๋ฏผ๋ฑ๋ก๋ฒํธ ๊ฒ์ฌํ๋ ค๋๋ฐ ChatGPT๋ /^\d{6}[-]\d{7}$/ ์ด๋ฐ ๊ฐ๋จํ ์ ๊ท์๋ง ์๋ ค์ค๋ค....๐คฏ ๋๋ ์์๋ฆฌ๊ฐ ์ ํจํ ๋ ์ง์ธ์ง๋ ๊ฒ์ฌํ๊ณ ์ถ๊ณ ๋ท์๋ฆฌ ์ฑ๋ณ ๋ฒํธ๊ฐ ์ฐ๋์ ๋ง๋์ง๋ ์๊ณ ์ถ๋ค๊ณ ~!~!~! <๋ณด๋ค ๊น๊นํ ์ฃผ๋ฏผ๋ฒํธ ๊ฒ์ฌ ๊ตฌํํ๊ธฐ>
(์ฌ์ฉ์ ์์ฑ) โ [๋ด์ฅ ๋ง์ดํฌ] โ <AudioContext API>โ (Float32Array ์์ฑ๋ฐ์ดํฐ) โ <Correlate Function> โ (์ฃผํ์) -> <MIDI Note ๋ณํ์> โ (์๊ณ ๋ฐ ์ฅํ๋ธ ์ ๋ณด)