์ฝ๊ฒ ์์ํ๋ ํ์ ์คํฌ๋ฆฝํธ ๋ทฐ(Vue)์ ํ์ ์คํฌ๋ฆฝํธ ๊ฐ์๋ก ์ ๋ช ํ ์ ์ ์บกํดํ๊ต๋์ ํ์ ์คํฌ๋ฆฝํธ ์ฑ , ์ฝ๊ฒ ์์ํ๋ ํ์ ์คํฌ๋ฆฝํธ๋ฅผ ์ฝ๊ณ ๋จ๊ฒจ๋ณด๋ ๋ฆฌ๋ทฐ!.. ๊ธธ๋ฒ ์ถํ์ฌ๋ก๋ถํฐ ์ฑ ์ ์ ๊ณต๋ฐ์ ์ํ์ ์์ฑํ๊ฒ ๋์๋ค. ๊ณต๋ถํด ์ค๋ฉฐ ์บกํดํ๊ต๋์ ๋ธ๋ก๊ทธ๋ ํธ๋๋ถ์ ์ฝ์ผ๋ฉฐ ๋์๋ฐ์๋ ๊ธฐ์ต์ด ์์ด ๋ด์ ์น๋ฐ๊ฐ์ ์กฐ๊ธ ๋๋ผ๋ฉฐ ์ฑ ์ ์ฝ์๋ค. ํนํ ๋น๋๊ธฐ ๊ด๋ จํด์ ์์ ์ดํด๋์๋ ๊ธฐ์ต.. ๐ฅบ https://joshua1988.github.io/ ์บกํดํ๊ต joshua1988.github.io ๋ณดํต ์ฑ ์ ๋ชฉ์ฐจ๋ฅผ ๋์ฌ๊ฒจ๋ณด๋์ง๋ผ ์ด๋ค ์ฑ ์ด๋ ๊ตฌ์ ํ๊ฑฐ๋ ์ฝ๊ธฐ ์ ์ ๋ชฉ์ฐจ๋ถํฐ ์ดํด๋ณด๋ ํธ์ธ๋ฐ, ์ด ์ฑ ์ ๋ชฉ์ฐจ๊ฐ ์ ์ ๋ฆฌ๋์ด ์๊ณ ๊ตฌ๋ถํ๊ธฐ ์ฌ์ ์ฑ ์ ๋ํ ํธ๊ฐ๋๊ฐ ์์นํ๋ค. (!) ํ์ ์คํฌ๋ฆฝํธ ์๊ฐ๋ถํฐ ์ค์ ํ๋ก์ ํธ๊น์ง ๋ฌด๋ ค 19์ฅ์ผ๋ก..
๋ฆฌ์ ๐ญ ๊ตฌ๊ธ ํ๋ ์ด ์คํ ์ด์์ ๋์ผํ ์ด์ ๋ก ๋ช ๋ฒ ๋ฆฌ์ ์ ๋นํ๋ค. ํ์ผ ๋ฌธ์ ์ธ ์ค ์์๋๋ฐ ๋ก๊ทธ์ธ๋ถํฐ ์ ๋์ด๊ฐ๋ค๋.. ๊ฐ๋ฐํ๊ฒฝ์ด๋ ๋ฆด๋ฆฌ์ฆ๋ก ๋ฝ์์ ๋๋ ์ ๋๋๋ฐ?.. ์ถ์ด์ ์์น ์์. ๋ฆฌ์ ์ฌ์ ๋ ๋ค์๊ณผ ๊ฐ์๋ค. ๊ณ์ ์ผ๊ด๋ ์ฌ์ ์์. ((์ข ๋ ์น์ ํ์ผ๋ฉด..)) ์ ๊ณตํ์ ๋ก๊ทธ์ธ ์ฌ์ฉ์ ์ธ์ฆ ์ ๋ณด๋ก๋ ์ธ์ฑ ์ฝํ ์ธ ์ ์ก์ธ์ค ํ ์ ์์์ต๋๋ค. ๊ทธ๋ฌ๋ค ์๊ฒ๋ ์๋ก์ด ์ฌ์ค. Google Play ์ฑ ์๋ช ์ ํ๋ฉด ์๋ช ํค๊ฐ ๋ฐ๋๋ค! ์๋ช ํค๊ฐ ๋ฐ๋๋ฉด, SHA-1 ๊ฐ๋ ๋ณ๊ฒฝ๋๋ค. ์นด์นด์ค ๋๋ฒจ๋กํผ์ ๋ฑ๋กํด ๋ key hash ๊ฐ๋ค๋ก๋ ๋ก๊ทธ์ธ์ฒ๋ฆฌ๊ฐ ๋ถ๊ฐ๋ฅํ๋ค. ์ฆ ์นด์นด์ค ๋๋ฒจ๋กํผ์์ ํ๋ซํผ์ Android key Hash ๊ฐ์ Google Play์์ ๋ฐ์ key Hash๋ฅผ ์ถ๊ฐํด์ฃผ์ด์ผ ํ๋ค. ์ฑ ์๋ช ํค์ k..
์ด๋ค ์๋ฌ? ์ด๊ฒ์ ์ฌ์ค ๋ด๊ฐ ๋ฐ๊ฒฌํ๊ณ ํด๊ฒฐํ ๋ฒ๊ทธ๊ฐ ์๋์ง๋ง ์ค๋ ๊ณ ์ํ ๋งํผ ๊ธฐ๋กํด ๋๊ธฐ ์ํด.. ๐ ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ ํ๋ก์ ํธ ์ค ์๋๋ก์ด๋์์๋ง ๋ฐ์ํ๋ ๋ฒ๊ทธ๊ฐ ์กํ๋ค. ๋ค๋ก ๊ฐ๊ธฐ ๋ฒํผ์ ๋๋ ์ ๋ ๊ฐํ์ ์ผ๋ก ๋ค๋ฅธ ์คํ์ผ๋ก ๊ฐ๋ฒ๋ฆฌ๋ ๊ฒฝ์ฐ๊ฐ ์์๋ค. ์คํ์ reset์ ์ด์ฉํด์ ๋ค์ ์์์ฃผ๊ธฐ๋ ํ์ง๋ง ๋ณ๋ฐ ๋ค๋ฅผ ๊ฒ์ด ์์์.. ๐ค ์์ธ ์คํ ๋ค๋น๊ฒ์ด์ ์ ํญ ๋ด๋น๊ฒ์ด์ ์ ์์ด์ฝ ์์ญ์ด ์กํ์ ์ด ์์ญ์ ๋๋ฅด๋ฉด ๋ค๋ฅธ ์คํ์ผ๋ก ๊ฐ๋ ๊ฒ์ ์๊ฒ ๋๋ค. ์ฐธ๊ณ : ์๋๋ก์ด๋ ๋๋ฒ๊ทธ ๋ฉ๋ด๋ cmd + m์ผ๋ก ์ด ์ ์๋ค. ์ ๊ฒ ๋ฌด์จ ์์ญ์ธ๊ฐ ๋ณด๋ ํ๋จ ํญ๋ฐ๋ฅผ ๊ตฌ์ฑํ๋ ์์ด์ฝ์ด์๋ค. ํน์ ํ๋ฉด์์๋ง ํญ๋ฐ๋ฅผ ๋ณด์ฌ์ฃผ๊ธฐ ์ํด ๋ณด์ฌ์ค ํ๋ฉด ์ด์ธ์๋ {display: "none"} ์ฒ๋ฆฌ๋ฅผ ํ๊ณ ์์๋๋ฐ, ๋ญ๊ฐ ๋ฒ๊ทธ๊ฐ ์๋ ๊ฒ..
Today, What I learned? ์ด์ ์ ํ๋ ๊ฐ์ธ ํ๋ก์ ํธ๋ฅผ next.js๋ก ๋ฆฌํฉํ ๋งํ๋ ๊ณผ์ ์ค.. ๋ฐ๋๋ผ JS, HTML, SCSS๋ก ๋์ด์๋ ์ฝ๋๋ฅผ ๋ฐ๊พธ๋ ค๋ค๋ณด๋ next.js์ SCSS๋ฅผ ์ด๋ป๊ฒ ์ ์ฉํ๋ฉด ์ข์์ง์ ๋ํ ๊ณ ๋ฏผ์ด ์ข ์์๋ค. ๋จผ์ ํ์ฌ ์คํ์ผ ํ์ผ ๊ตฌ์กฐ๋ ์ด๋ ๋ค. ์ค์น ๋จผ์ ํ๋ก์ ํธ ํด๋์ sass ์ค์น! yarn add sass ์ปดํฌ๋ํธ ํด๋์ scss ํ์ผ๋ค์ module.scss๋ก ๋ณ๊ฒฝํด์ฃผ์๋ค. Selector "body" is not pure ์ฒ์์ ๋ชจ๋ ํ์ผ์ module์ ๋ถ์๋ค๊ฐ ๋ง๋ ์๋ฌ.. reset.scss ๊ฐ์ ๊ฒฝ์ฐ๋ ์ ์ฒด์ ์ผ๋ก ์ ์ฉ๋๋ ๋ถ๋ถ์ด๊ณ , module.css ๊ฐ์ ๊ฒฝ์ฐ๋ ํน์ ๋ฒ์๋ฅผ ์ง์ ํ๋ CSS ๋ชจ๋์ด๊ธฐ ๋๋ฌธ์ ๊ณตํต์ ์ผ๋ก ์ ์ฉ๋๋ CSS ๊ฐ์ ๊ฒฝ..
์ด๋ค ์๋ฌ? Uncaught TypeError: ~~. map is not a function API ํธ์ถ ์ค์ ์ ๋ ํ API ๋ง ์ด๋ฐ ์๋ฌ๊ฐ ๋ฐ์... ์คํ์ค๋ฒํ๋ก์ฐ๋ฅผ ๋ณด๋ ์ค๋ธ์ ํธ๋ map ๋ฉ์๋๋ฅผ ๊ฐ๊ณ ์์ง ์์์ ์ฌ์ฉํ ์๊ฐ ์๋ค~ ์ด๋ฐ ์๊ธฐ๋ค์ด ๋ง์๋๋ฐ, ๋๋ ๋น์ฐํ ๋ฐฐ์ด๋ก ์ ๋นผ์๋๋ฐ ๋ฌด์จ ๋ง์ด์ผ?.. ํ๊ณ ์์๋ ๊ฒ์ด๋ค ^^.. const getTeamsData = async (companyId) => { try { const response = await axios.get( `~~~API ์ฃผ์` ); setTeamsData(response.data.teams); } catch (error) { console.log(error); } }; ํ์ฌ API ํธ์ถ ํจ์์์๋ ๋ฐ๋ก ๋ฐฐ์ด์ state..
Comment