๐บ Front End72 [HTTP] OPTIONS ํค๋์ Preflight ๊ทธ๋ฆฌ๊ณ CORS OPTIONS ๋ RFC 7231 ์ ๋ช ์๋ HTTP์ ์ฌ๋ฌ ๋ฉ์๋ ์ค ํ๋์ด๋ค. OPTIONS ๋ ์ค์ ๋ก ์ฐ๋ฆฌ๊ฐ ํ๋ ์์ํฌ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ฌ์ฉํ๋ค๋ฉด ์ง์ ์ฌ์ฉํ ์ผ์ ๋๋ฌผ์ง๋ง ํ๋์ Front Back ์ ๋๋๋ ๊ฐ๋ฐ ํ๋ฆ์์๋ ๊ผญ ์์์ผ ํ ๊ฐ๋ ์ค ํ๋์ด๋ค. ์ด Options ์ ๋ํด์ ์์๋ณด๋๋ก ํ์. HTTP์ OPTIONS Mthod Http OPTIONS ๋ฉ์๋๋ target ๋ฆฌ์์ค์ ํน์ ์๋ฒ์ ํต์ ํ๊ธฐ ์ํ ํต์ ์ต์ ์ ํ์ธํ ๋ ์ฌ์ฉ๋๋ค. ์ฆ, ํด๋น ํ๊ฒ ์๋ฒ๋ ๋ฆฌ์์ค๊ฐ ์ด๋ค method, header, content type ๋ฅผ ์ง์ํ๋์ง ์ ์ ์๋ค. ์ฃผ๋ก Browser ์ Js ๊ฐ ๋ณด๋ด๋ Fetch, Axios ์์ฒญ์ Preflight ์์ ์ฌ์ฉ๋๊ณค ํ๋ค. ๊ทธ๋ผ ์ OPTIONS ๋ฅผ.. 2021. 8. 14. [React-redux] ๋ ๊ทธ๋ ๋ฏ Todo List ๋ฅผ ๋ง๋ค์ด๋ณด๋ฉฐ ๋ฐฐ์ฐ๋ ๋ฆฌ์กํธ ๋ฆฌ๋์ค ์ค๋์ React ์์ Redux ๋ฅผ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ํด์ ์์๋ณด๋๋ก ํ๊ฒ ๋ค. ๊ทธ๋ฌ๊ธฐ ์ํด์๋ ์ฐ์ 2๊ฐ์ง ๊ธฐ์ ์ด ์ ํ๋์ด์ผ ํ๋ค. React์ React-Hooks Redux ์ ๊ธฐ๋ณธ Concept ์ ๋ด์ฉ๋ค์ ๋ชจ๋ฅธ๋ค๋ฉด ์กฐ๊ธ ํ๋ค์ด์ง ์ ์์ผ๋ ์ ๋งํฌ์์ ํ์ธํ๋ ๊ฒ๋ ์ข์ ๋ฐฉ๋ฒ์ธ ๊ฒ ๊ฐ๋ค. ๋ชฉ์ฐจ redux์ react-redux์ ์ฐจ์ด redux ์ ๊ธฐ๋ณธ ๊ฐ๋ ๊ตฌ์ฑ ์์ Provider useDispatch() useSelector() react-redux ๋ก todo list ๋ง๋ค๊ธฐ ํ๋ก์ ํธ ๋ง๋ค๊ธฐ ์์กด์ฑ ์ถ๊ฐ styled-components react-redux UI ์์ ํ๊ธฐ ํ ํ๋ฉด ๋ง๋ค๊ธฐ ๋ฆฌ๋์ค ์์ ํ๊ธฐ action type ๋ง๋ค๊ธฐ action creator ๋ง๋ค๊ธฐ reducer ๋ง๋ค๊ธฐ s.. 2021. 6. 10. HATEOAS๋ฅผ ๋ชจ๋ฅด๋ฉด ๋น์ ์ด ์๊ณ ์๋ REST API๋ REST API๊ฐ ์๋๋ผ๊ณ ์ฅ๋ดํ ๊ฒ์. ์ด ๊ธ์ ๊ทธ๋ฐ REST API ๋ก ๊ด์ฐฎ์๊ฐ? ์ ์ด์์ค ๊ฐ๋ฐ์๋์ ๋ฐํ ์๋ฃ์ ์ฌ๋ฌ ๋ถ๋ถ์ ์ฐจ์ฉํ์์ต๋๋ค. REST API๋ ๋ฌด์์ผ๊น ๋ ์ง๊ธ๊น์ง REST API์ ๋ํด์ ์๋น ๋ถ๋ถ์ ์คํดํ๊ณ ์์๋ค. REST API๋ผ๊ณ ํจ์ GET, POST, PUT, PATCH, DELETE๋ฑ๊ณผ ๊ฐ์ HTTP ๋ฉ์๋๋ฅผ URI๋ฅผ ํตํด์ ์ ์ด์ฉํ๋ ๊ฒ, ์ด๋ฅผํ ๋ฉด ์ ๋ณด ์กฐํ๋ ์์ ์ /user ์ด๋ผ๋ ํ๋์ URI์ ๋ค๋ฅธ ๋ฉ์๋๋ฅผ ์ด์ฉ, ์ด๋ผ๊ณ ์๊ณ ์์๋ค. ํ์ง๋ง ๊ทธ๊ฑด REST API์ ์์ฃผ ์์ ์ผ๋ถ๋ถ ์ค ํ๋์๋ค. ๋์ฑ ์ ๊ธฐํ๊ฑด ์ค๋ ฅ ์ข์ ๋ง์ ๊ฐ๋ฐ์๋ค์ด ์ฐธ์ฌํ ๊ธ์ต ๊ฒฐ์ ์์ ์คํ ๋ฑ ํน API์์๋ REST API๋ฅผ ์ ๋๋ก ์ฌ์ฉํ์ง ์๊ณ ์๋ค. ์ฌ์ค REST API๋ผ๊ณ ํ๋ฉด ์๋์ง๋ง REST API๋ผ๊ณ ํ๋ฉฐ ์ฌ์ฉํ.. 2021. 3. 24. [Javascript] Fetch API๋ก ๊ตฌํํ๋ Ajax ๋น๋๊ธฐ ํต์ ajax XMLHttpRequest ๊ฐ์ฒด๋ฅผ ์ด์ฉํด์ ์น ์๋ฒ์ ๋น๋๊ธฐ๋ก ํต์ ํ๊ณ , DOM ์ ์ด์ฉํด์ ์น ํ์ด์ง๋ฅผ ๋์ ์ผ๋ก ๋ฐ๊ฟ์ฃผ๋ ํ๋ก๊ทธ๋๋ฐ ๊ธฐ๋ฒ Asynchronouse JavaScript XML ํ์ฌ XML์ ์ฌ์ฉํ๋๊ฑด ๋๋ฌผ๊ณ JSON์ ์ฌ์ฉ ํ์ด์ง ์๋ก๊ณ ์นจ ์์ด ํน์ ๋ฐ์ดํฐ๋ง ๋ฆฌ๋ก๋ ์๋ฒ๋ก๋ถํฐ ๋ฐ์ดํฐ๋ฅผ ๋ฐ๊ณ ์์ ์ ์ํ ajax ๊ตฌํํ๊ธฐ ajax๋ฅผ ๊ตฌํํ๋ ๊ธฐ์ ์๋ ์ฌ๋ฌ ๊ธฐ์ ์ด ์กด์ฌํ๋ค. ๊ทธ ์ค์ ๋ํ์ ์ธ 3๊ฐ์ง์์ Fetch API์ ๋ํด์ ์์๋ณด์. XMLHttpRequest Fetch API JQuery Fetch API Fetch API๋ ๊ธฐ๋ณธ์ ์ผ๋ก XMLHttpRequest ๋ณด๋ค ๋ ๊ฐ๋ ฅํ๊ณ ์ ์ฐํ๋ค. ์ด๋ฒคํธ ๊ธฐ๋ฐ์ธ XMLHttpRequest๊ณผ๋ ๋ฌ๋ฆฌ Fetch API๋ Promise ๊ธฐ.. 2021. 2. 26. ์ด์ 1 2 3 4 ยทยทยท 18 ๋ค์