์ ์ฒด ๊ธ48 [Ubuntu] ์ ์ฅ์ ์ ๋ณด ๋ค์ด๋ก๋ ์คํจ / ์บ์ ์๋ก ๊ณ ์นจ ์ค ์ค๋ฅ ์ค๋ฅ๋ด์ฉ mysql์ GUI ํด์ธ Work Bench๋ฅผ ์ค์นํ๋ฉฐ cmd ๋ช ๋ น์ด๋ฅผ ๋ฌด์์ ๋ณต๋ถํ๋ค๊ฐ ์ค์๊ฐ ์์๋ ๋ชจ์์ด๋ค.. ใ ใ ์ด ํ์ผ์ ์ฝ์ ์ ์๋ค๋ ์ค๋ฅ๋ฉ์ธ์ง์ธ๊ฒ ๊ฐ๊ณ ์ ๋ฐ์ดํธ์์ ๊ณ์ ๋ฌธ์ ๊ฐ ์๊ฒจ ๊ฑฐ์ฌ๋ฆฐ๋ค.. ์๋ง ํด๊ฒฐํ์ง ์์๋ ํฐ๋ฌธ์ ๋ ์์๊ฒ ๊ฐ์ง๋ง, ๊ฑฐ์ฌ๋ฆฌ๋ ํด๊ฒฐ ๋ฐฉ๋ฒ์ ์ฐพ์๋ณด๊ธฐ๋กํ๋ค. ๋ฐ๊ฒฌํ ๊ฒ ๊ตฌ๊ธ๋ง ๊ฒ์์ด๋ก 'The repository does not have a Release file' ๋ฃ์ด ์ฃผ์๊ณ , ๋น์ทํ ์ค๋ฅ ํด๊ฒฐ ๋ธ๋ก๊ทธ๊ฐ ๋์ ์ฐธ๊ณ ํ์๋ค. ์ฐ๋ถํฌ์์ source๋ฅผ ๊ด๋ฆฌํ๋ sources.listํ์ผ ์๋จ์ (ํ์ผ ์์น :/etc/apt/sources.list) `deb cdrom:[Ubuntu 20.04.3 LTS _Focal Fossa_ - Release amd64 (202.. 2022. 3. 6. ์น์ 2 ํ๊ณ ๋ก ์์๊ฐ์ ์ง๋๊ฐ 5์ฃผ๊ฐ์ ์น์ 2 ์น์ 2๋ ๊ฐ์ฒด์งํฅ ํ๋ก๊ทธ๋๋ฐ์ผ๋ก ์์ํ์ฌ vercel๋ฐฐํฌ๋ก ๋๋ ๋ฏ์ ๊ฐ๋ ๋ค์ด ์ค์ค์ด ๋์ค๋ ์ปค๋ฆฌ์ฟจ๋ผ์ด์๋ค. ์ค๊ฐ์ ๋น๋๊ธฐ๊ฐ ๋์ฌ๋๋ ๊ฑฐ์ ์ธ๋ฉฐ ๊ณต๋ถํ๋๋ฐ ๊ทธ๋ ๊ฒ ๋ฐ๋ฅ์ ์น๊ณ ๋๋๊น ๋ค์์ ๋ง๋๋๊ฒ๋ค๋ ๋ฌผ๋ก ์ด๋ ค์ ์ง๋ง '์๋ผ ๋ชจ๋ฅด๊ฒ ๋ค ๋ถ๋ชํ ๋ณด์' ํ๋ ๋ง์์ผ๋ก ์งํํ ์ ์์๋ค. ๋ฌผ๋ก ์ฑํฐ ํ๋๋ผ๋ ์๋ฒฝํ ๋ดํ์ผ๋ก ๋คํ๋ค ๋ผ๊ณ ํ ์ ์๋๊ฒ ์์๊ธฐ ๋๋ฌธ์ ์น์ 3์ผ๋ก ์์๋ ๋ถ์ํ ๋ง์์ด ๋ง์ด๋ ๋ค. ์ง๊ธ๋ ์น์ 2์ ์คํ๋ฆฐํธ๋ค์ ๋ค์ ํ์ด๋ณด๋ผ ๊ทธ๋ฌ๋ฉด ์ ๋ชปํ ๊ฒ ๊ฐ๊ธฐ ๋๋ฌธ์ด๋ค. ๊ทธ๋ผ์๋ ๋ถ๊ตฌํ๊ณ ์น์ 2๋ฅผ ์ฌ์๊ฐํ์ง์์ ์ด์ ๋ ์ฌ์๊ฐ์ ํ๊ฒ ๋๋๋ผ๋ ์น์ 3์์ ํ๋๊ฒ ๋์๊ฒ๊ฐ๊ณ , ๋ฌด์๋ณด๋ค ๋นจ๋ฆฌ ์ทจ์ ํ์ฌ ์ค๋ฌด์์ ๋ฐฐ์ฐ๋๊ฒ์ด ์ด๊ณณ์์ 5์ฃผ๊ฐ ๋ฐฐ์ฐ๋๊ฒ๋ณด๋ค ํจ์ฌ ๋น ๋ฅด๊ฒ ๋ฐฐ์ธ์์์๊ฒ์ด๋ผ.. 2022. 2. 28. 22.02.18 TIL Redux Achievement Goals ์ํ ๊ด๋ฆฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์ ํ์ํ์ง ์ดํดํ ์ ์๋ค. -๋ง์ ์ปดํฌ๋ํธ ์ฌ์ด์์ ํ๋กญ์ค๋ฅผ ๋ด๋ ค์ฃผ๊ธฐ ๊ฐํธํ๋ค. -์คํ ์ดํธ๋ฅผ ํ๊ตฐ๋ฐ์์ ๊ด๋ฆฌํ๋ ์๋ฌ ํธ๋ค๋ง์ด ์ฝ๋ค. Redux (ํน์ Flux Pattern)์์ ์ฌ์ฉํ๋ Action, Reducer ๊ทธ๋ฆฌ๊ณ Store์ ์๋ฏธ์ ํน์ง์ ์ดํดํ ์ ์๋ค. -Action: ์ด๋ค์ก์ ์ ์ทจํ ์ง ์ ์ํด๋์ ๊ฐ์ฒด -Reducer: ํ์ฌ์ state์ Action์ ์ด์ฉํด์ ์๋ก์ด state๋ฅผ ๋ง๋ค์ด ๋ด๋ pure function -Store: state๊ฐ ๊ด๋ฆฌ๋๋ ์ค์ง ํ๋๋ฟ์ธ ์ ์ฅ์ Redux์ 3๊ฐ์ง ์์น์ด ๋ฌด์์ด๋ฉฐ, ์ฃผ์ ๊ฐ๋ ๊ณผ ์ด๋ป๊ฒ ์ฐ๊ฒฐ๋๋์ง ์ดํดํ ์ ์๋ค. -๋์ผํ ๋ฐ์ดํฐ๋ ๊ฐ์๊ณณ์์ ๊ฐ์ ธ์จ๋ค. -์ํ๋ ์ฝ๊ธฐ ์ ์ฉ์ผ๋ก.. 2022. 2. 18. API, UseEffect๋ก ๊ด๋ฆฌํ๊ธฐ Use Effect๊ฐ ์์ง ์ด๋ค ๋ ์์ธ์ง ์๋ชจ๋ฅด๊ฒ ๋ค.. ๊ณต์๋ฌธ์ ํ์ธ ๊ณ ๊ณ UseEffect = ํจ์ ์ปดํฌ๋ํธ ๋ด์์ side Effect ๋ฅผ ์ฒ๋ฆฌํ๊ธฐ ์ํด ์ฌ์ฉํ๋ค. *Side Effect๋ ํจ์๊ฐ ์คํ๋๋ฉด์ ํจ์์ธ๋ถ์ ์กด์ฌํ๋ ๊ฐ์ด๋ ์ํ๋ฅผ ๋ณ๊ฒฝ์ํค๋ ํ์์ด๋ค. ex) ํจ์๋ด์์ ์ ์ญ๋ณ์์ ๊ฐ์ ๋ณ๊ฒฝ์ํค๊ฑฐ๋ ํจ์์ธ๋ถ ๋ฒํผ์ ํ ์คํธ๋ฅผ ๋ณ๊ฒฝํ๊ณ , ๋คํธ์ํฌ๋ฅผ ํตํด ๋ฐ์ดํฐ๋ฅผ ์ก์ ํ๋ ๊ฒ๋ฑ์ด ์๋ค. ํจ์๋ ์ ๋ฌ๋ฐ์ ๋งค๊ฐ๋ณ์๋ฅผ ํตํด ์ฐ์ฐ์ ์ํํ๊ณ ๊ฒฐ๊ณผ๋ฅผ ๋ฐํํด์ผํ๋ฉฐ ๊ฒฐ๊ณผ๋ ํญ์ ์ผ๊ด๋๊ณ ์์ธก ํ ์์์ด์ผํ๋ค. ๊ทธ๋์ผ ํ๋ก๊ทธ๋จ์ด ์ฝ๊ณ ๋จ์ํ๋ฉฐ ์ ์ง๋ณด์ ํ๊ธฐ๊ฐ ์ฌ์์ง๊ธฐ ๋๋ฌธ์ด๋ค. ๋ฆฌ์กํธ์๋ ์ ์ฐจํ ํ๋ก๊ทธ๋๋ฐ์์ ํํ ์กด์ฌํ๋ ์์ ์ธ Side Effect ์ฒ๋ฆฌ๋ฅผ ์ํด Use Effect() ํจ์๊ฐ ์๋ค. ์์๋ฅผ ํ์ฉ.. 2022. 2. 17. ๋น๋๊ธฐ ํ๋ฆ ์ดํดํ๊ธฐ ๋๊ธฐ์ ์ด๋(synchronous)? ๊ฐ๋จํ๊ฒ ๊ทธ๋ฆผ์ผ๋ก ์ค๋ช ํ์๋ฉด... |A์์-----------------A์ข ๋ฃ| |B์์---------------B์ข ๋ฃ| A์ ๋ฌด๋ฅผ ๋ง์น ๋๊น์ง B์ ๋ฌด๋ฅผ ๋ง์๋๋๊ฒ์ Blocking์ด๋ผ๊ณ ํ๊ณ , ๋๋๋ ์์ ๊ณผ ์์ํ๋ ์์ ์ด ๊ฐ๊ธฐ๋๋ฌธ์ ๋๊ธฐ์ ์ด๋ผ๊ณ ๋งํ๋ค. ๋น๋๊ธฐ์ ์ด๋(asynchronous)? |A์์-----------------A์ข ๋ฃ| |B์์---------B์ข ๋ฃ| ๋ํ์ ๋น๋๊ธฐ ํจ์์ธ setTimeout ํจ์์ ๊ฒฝ์ฐ ์ด๋ ๊ฒ ์คํ๋๋ค. https://poiemaweb.com/img/event-loop.gif A,B๊ฐ ๋ณ๋ ฌ๋ก ์งํ๋๋ค. ์์ฐจ์ ์ผ๋ก ์คํ ๋์ง์๋๋ค. ์๋ฐ์คํฌ๋ฆฝํธ ์์ง์ ๋จ์ํ ์์ ์ด ์์ฒญ๋๋ฉด Call Stack์ ์ฌ์ฉํ์ฌ ์์ฒญ๋ ์์ ์ ์์ฐจ์ ์ผ๋ก ์คํ.. 2022. 2. 13. Stateairline-client ๊ณผ์ [React] ๋ฐ์ดํฐ ํ๋ฆ์ ์ดํด์ ๋น๋๊ธฐ ์์ฒญ ์ฒ๋ฆฌ ์ดํ์ ๊ฑธ์ณ ๋ฐ์ดํฐ์ ํ๋ฆ, state์ํ ๋์ด์ฌ๋ฆฌ๊ธฐ์ useEffect AJAX์์ฒญ์ ๋ํด ๊ณต๋ถํ๋ค. ๋ฆฌ์กํธ์ ์ปดํฌ๋ํธ๋ 1๊ฐ์ง์ ์ผ๋ง ํ๊ณ ๋จ๋ฐฉํฅ์ ๋ฐ์ดํฐ ํ๋ฆ์ ๊ฐ์ง๋ค. ๊ทธ๋์ ๋ฐ์ดํฐ๋ฅผ ์ด๋์ ๋ด์์ค์ผํ ์ง ์ ํด์ค์ผํ๋ค.(๋ฐ์ดํฐ์ ์) ๋ถ๋ชจ๊ฐ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ง๊ณ ์์์๊ฒ props(์ฝ๊ธฐ์ ์ฉ)๋ก ๋ด๋ ค์ค๋ค(์ธ์ ํน์ ์์ฑ์ฒ๋ผ ๋ด๋ ค์ค) ์์์ ๋ฐ์ดํฐ๋ฅผ ๋ด๋ ค๋ฐ์ง๋ง ๋ฐ์ดํฐ๊ฐ ์ด๋์์ ์๋์ง๋ ์์ง๋ชปํ๋ค. [์ํ๋์ด์ฌ๋ฆฌ๊ธฐ] ๋ฐ์ดํฐ์ ํ๋ฆ์ด top-down ๋ฐฉ์์ด์ง๋ง, ์์์ปดํฌ๊ฐ ๋ถ๋ชจ์ปดํฌ์ ์ํ๋ฅผ ๋ฐ๊ฟ์ผํ๋ ๊ฒฝ์ฐ์๋ (์. ์์์ปดํฌ์ ์ ์ก๋ฒํผ์ด ์์ด ํด๋ฆญ์ ๋ถ๋ชจ์ ๋ฐ์ดํฐ ๋ชฉ๋ก์ด ์ ๋ฐ์ดํธ ๋์ด์ผ ํ๋๊ฒฝ์ฐ) ๋ถ๋ชจ์ปดํฌ๋ด์ ์ํ๋ฅผ ๋ณ๊ฒฝํ๋ ํจ์๋ฅผ ๋๊ณ ์์์ปดํฌ์ ์ด ์ํ .. 2022. 2. 9. ์ด์ 1 2 3 4 5 6 ยทยทยท 8 ๋ค์