keycloak 21.0.2 ๋ฒ์ ๊ธฐ์ค HTTPS required ์๋ฌ ํด๊ฒฐ๋ฐฉ๋ฒ
[React18, Webpack5, Babel, Typescript, HMR]
2022 KAKAO TECH INTERNSHIP - ์ฝ๋ฉ ํ ์คํธ ๊ณต๋ถ์ต๋จ์๊ฐ์ ๊ตฌํ๋ ๋ฌธ์ ๋ผ์ DP๋ฐฉ์์ผ๋ก ๊ตฌํํ๋ค. ๋ชฉํ๊ฐ์ ๊ธฐ๋ณธ๊ฐ์ด 0, 0์ด ์๋ alp, cop๊ฐ ๋์ด์ผ ํ๋ค์ด๋ฐ ๋ฐฉ์์ผ๋ก ์ฝ๋๋ฅผ ์ง๋ฉด 10๊ฐ ๋ฐฐ์ด์ด ๊ฐ์ ์ฃผ์๊ฐ์ ๊ฐ์ ธ์ ๋ฒ๊ทธ๊ฐ ๋ ๊ฐ๋ฅ์ฑ์ด ์์ฃผ์
Dockerfile nginx.conf
Keycloak ์ด๋ผ๋ ์คํ์์ค ์ธ์ฆ ์๋น์ค๋ฅผ ๋์ปค์์ ์ค์นํ๋ ๋ฒ์ด๋ ๋๋ Github Codespaces์์ ๋์ปค๋ฅผ ๋๋ ธ๊ธฐ ๋๋ฌธ์ https ํ๊ฒฝ์ผ๋ก ์ค์ ํ๋ค.<url> ๋ถ๋ถ์๋ ๋์ปค๋ฅผ ์คํํ ํ๊ฒฝ์ url์ ์์ฑํ๋ฉด ๋๋ค.์ด๋ KC_PROXY=edge ๋ถ๋ถ๋
Typescript + React์์ Component์ forwardRef๋ฅผ ์์ธ๋ ค๊ณ ํ๋๋ฐ...Argument of type '({ mediaStream }: VideoProps, ref: RefObject) => Element' is not assignable t
React ๊ฐ๋ฐํ๊ฒฝ ๊ตฌ์ถํ๊ธฐ
์๋ฐ์คํฌ๋ฆฝํธ์ ์ด์ํ ๋ฌธ๋ฒ์ ๋ํด ์์๋ณด์!
next.js์์ react-quill ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ์ด๋ฏธ์ง ์ ๋ก๋๋ฅผ ๊ตฌํํ๋ฉด์ ๊ฒช์ ์ข์ถฉ์ฐ๋ ์ด์ผ๊ธฐ
RTK Query์ React Query๊ฐ์ ๋ค๋ฅธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ค๊ณผ ๋น๊ต๋ฅผ ํด๋ด ์๋ค
RTK Query๋ ๊ฐ๋ ฅํ data fetching, caching ํด์ ๋๋ค.
Redux Toolkit Query ํํ ๋ฆฌ์ผ์ ์ค์ ๊ฑธ ํ์ํฉ๋๋ค! ์ด ํํ ๋ฆฌ์ผ์ Redux Toolkit์ "RTK Query" ๋ฐ์ดํฐ ํจ์นญ ๊ธฐ๋ฅ์ ์๊ฐํ๊ณ ์ฌ๋ฐ๋ฅด๊ฒ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ํด์ ๊ฐ๋จํ๊ฒ ์๊ฐํฉ๋๋ค.
Redux Toolkit ๋ฌธ์์์ RTK Query ๋ถ๋ถ์ ๋ฒ์ญํ๋ ํ๋ก์ ํธ์ ๋๋ค.
ํ๋ ธ์ด์ ํ ๊ท์น์ n๊ฐ์ ์ํ์ src์์ dst์ผ๋ก ์ด๋ํ ๋ ค๋ฉด n-1๊ฐ์ ์ํ์ src์์ 6 - src - dst๋ก ์ด๋ํ๋ค -> 1๊ฐ์ ์ํ์ src์์ dst์ผ๋ก ์ด๋ํ๋ค -> n-1๊ฐ์ ์ํ์ 6 - src - dst์์ dst์ผ๋ก ์ด๋ํ๋ค3๊ฐ์ง๋ก ์์ ํ ์
์นด๋ 3๊ฐ ํฉ์ด M๋ณด๋ค ์์๋๋ง ์กฐ๊ฑด์ ํ์ธํ์ง ์์์