# Week7 J16 ํผ์ด์ธ์ ## ๐ ์ฐธ๊ฐ์ | ์บ ํผID | ์ด๋ฆ | |:----:|:----:| | J021 | ๊น๋์ค | | J047 | ๊น์ ์ง | | J091 | ๋ฐ์ฃผ์ | | J165 | ์ด์ฐฝ์ฝ | | J203 | ์ฑํธ๊ฒฝ | | J206 | ์ต์๊ทผ | | J208 | ์ต์ธ๊ท | | J217 | ํ์์ฝ | ## ์ง๋ฌธ || ๊ณต์ ํ๊ณ ์ถ์ ๋ด์ฉ ### ์งํ ์ด๋๊น์ง ํ์ จ๋์? - ๋ก๊ทธ์ธ, ์บ๋ฆญํฐ 1๊ฐ ์์ง์ด๋ ๊ฒ ๊น์ง ํ์ต๋๋ค. - ์ปจํฌ๋ํธ๋ก ์บ๋ฆญํฐ ์ด๋ํ๊ธฐ, ์ฑํ ๊น์ง ํ์ต๋๋ค!! - ๋ก๊ทธ์ธ๊ณผ ์บ๋ฆญํฐ ์ด๋๊น์ง ํ์ต๋๋ค. - ๊ฐ๋ฐํ๊ฒฝ ๊ฐ์ถ๊ธฐ์ ๋ก๊ทธ์ธ ๊ธฐ๋ฅ๊น์ง ํ์ต๋๋ค. ### ์บ๋ฆญ๋ ์ด๋ ์ด๋ป๊ฒ ๊ตฌํํ๋์ง - ์บ๋ฒ์ค์ ์ด๋ฏธ์ง ๊ทธ๋ฆฌ๋ ์์ผ๋ก ๊ตฌํํ์ต๋๋ค.(์บ๋ฆญํฐ์ ์์น ๊ฐ์ด๋ ์ด๋ฏธ์ง ํ์ผ์ ์ด๋ ์์น๋ฅผ ๊ทธ๋ฆด์ง๋ฅผ ์ํ๋ก ๊ด๋ฆฌ) - css transition ์ด์ฉํด์ ์บ๋ฆญํฐ ๋ชจ์๋ฐ๊พธ๊ณ (์ค์๊ณ ์ ), ๋งต์ ์บ๋ฆญํฐ์ ๋ฐ๋๋ก ์์ง์ด๋ ๋ฐฉ์์ผ๋ก ๊ตฌํํ์ต๋๋ค. ### Oauth ์ธ์ฆ์ด ๋๋๊ณ ๋ก๊ทธ์ธ ์ฌ๋ถ๋ฅผ ์ด๋ป๊ฒ ํ๋จํ์ จ๋์? - App.js๊ฐ ๋ ๋๋ง ๋ ๋ fetch ์์ฒญ์ ๋ ๋ ค์ ํ์ธํ๋ ์์ผ๋ก ํ์ต๋๋ค. - (์๊ฒฌ) ๋ก๊ทธ์ธ ์ฑ๊ณต์ ํ๊ฒ๋๋ฉด ์๋ฒ์ธก์์ ์ฟ ํค์ ์ธ์ id๋ฅผ ๋๊ฒจ์ฃผ๊ณ ํด๋ผ์ด์ธํธ์์ ์ฟ ํค๋ฅผ ์ด์ด id๊ฐ ์์ผ๋ฉด ๋ก๊ทธ์ธ ์ํ๋ก ํ๋จํ์ต๋๋ค. ### useCallback์ ๋ํด ์์๋ ๋ถ ์๋์? - ๋ ๋๋ง ์ต์ ํ์ ์ฌ์ฉ - ํจ์ ์ฌ์ฌ์ฉ(ํจ์๊ฐ ๋ ๋๋ง ๋ ๋๋ง๋ค ์ ์ธ๋์ง ์๊ณ ๋ฐ๋์์๋๋ง ๋ค์ ์ ์ธ ํด์ค๋ ์ฐ๋ useCallback) ### ๋ฆฌ์กํธ ๋ผ์ฐํฐ ๋ก๊ทธ์ธ ๋ก๊ทธ์์ํ ๋ ์ฐ์ ๋ถ ๊ณ์ ๊ฐ์ - ์จ๋ณด๋ ค๊ณ ๊ณต๋ถ์ค์ ๋๋ค - ์จ์ path๋ณ๋ก ์ปดํฌ๋ํธ๋ฅผ ์ง์ ํ๊ธด ํ๋๋ฐ ์์ง ์ ํํ ์๋ฆฌ๋ฅผ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค. ### ๋ฆฌ์กํธ ํ ์ผ๋งํผ ์๊ณ ๊ณ์๋์? - useState, useEffect์ ใ ใ - useReducer๋ useState์ ํ์ฅ ๋๋(ํน์ ๊ฒฝ์ฐ์ ์? ๋ฅผ ์ ํด๋๊ณ ๊ทธ ๊ฒฝ์ฐ์ ๋ํด ์ด๋ค ํ๋์ผ๋ก ํด๋ผ๋ฅผ ์ ํ๋ ๋๋?) ### ํ์ด ํ๋ก๊ทธ๋๋ฐ ์ด๋ป๊ฒ ํ์ จ๋์? - ์๊ฐ ์ ํด๋๊ณ ํ๊ธฐ - live share ํ์ฅํ๋ก๊ทธ๋จ ์ฌ์ฉ - ์๋ก์๊ฒ ํ๋ฆฌํ๋ ๋ ค์ ์ฝ๋๋ฆฌ๋ทฐ ํด์ฃผ๊ธฐ ### ํด๋ผ์ด์ธํธ,๋ฐฑ์๋ ์๋ฒ ๋ฐ๋ก ํ๋๊ฑฐ๋ ํ๋๋ง ํ๋๊ฑฐ๋ ์ฅ๋จ์ ? - ๋ฆฌ๋ทฐ์ด๋ถ๋ค ํํ ์ง๋ฌธํด๋ณด๊ธฐ!! - ํด๋ผ์ด์ธํธ์ ๋ฐฑ์๋ ์๋ฒ๋ฅผ ๋ฐ๋กํ๋ฉด ๋ฌผ๋ฆฌ์ ์ธ ์๋ฒ์ด์ฉ๋ ๋ฐ๋ก ํ ์ ์์ง ์์๊น์? <-> ํ๋๋ง ํ๋ฉด ์ด์๋น ์ ์ฝ? - ํ๋๋ง ํ๋ฉด CORS ๋ฌธ์ ๋ฅผ ๋ฐ๋ก ํธ๋ค๋งํ ํ์๊ฐ ์๋ค๋ ์ฌ์ํ ์ฅ์ - ํ๋ก ํธ๋ฅผ ๋ณ๋์ ์๋ฒ๋ก ์ด์ฉํ๋ฉด ์์ ์ฌํญ์ ๋ฐ๋ก ๋ฐ์ํด์ ํ์ธํ ์ ์๋ค
×
Sign in
Email
Password
Forgot password
or
By clicking below, you agree to our
terms of service
.
Sign in via Facebook
Sign in via Twitter
Sign in via GitHub
Sign in via Dropbox
Sign in with Wallet
Wallet (
)
Connect another wallet
New to HackMD?
Sign up