๐ง ๊ถ๋์ฐ
ํ๋ก์ ํธ ์์ฑ๋ ๋์ด๋ฉด์ ๋ถ์กฑํ CS ํ์ต
- ํ์ง ๊ฐ์ : ๋ฆฌ์กํธ ๋ ๋๋ง ์ต์ ํ
- ์ฌ์ฉ์ฑ ๊ฐ์ : ๋ค๊ตญ์ด ์ ์ฉ + ์ฝ์น๋งํฌ ๊ฐ์ (์์นํ - ํด๋ฆฌ์คํฑ ์์๋ณด๊ธฐ)
๐คต ์ด์์ฌ
์ฝ๋ ํ์ง ํฅ์, ๊ธฐ์กด ๊ธฐ๋ฅ ๊ฐ์ ํ๊ธฐ, ํ๋ก์ ํธ ์์ฑ๋ ๋์ด๊ธฐ
- ์ฝ๋ ๋ถ๋ฆฌ๊ฐ ์๋ ๋ถ๋ถ ๋ถ๋ฆฌํ๊ธฐ (์ฝ๋ ํ์ง ํฅ์)
- tanstack query suspense ๊ธฐ๋ฅ ์จ๋ณด๊ธฐ (useSuspenseQuery ๋ฑ๋ฑ)
- ์คํ ๋ฆฌ๋ถ api ์ฐ๋ํ๊ธฐ
- ๊ธฐ์กด ๋ฌดํ์คํฌ๋กค ๋์ virtual scroll ์ ์ฉํ๊ธฐ
๐งโ๐ฆฒ ์ด์ ์ง
์ฌ์ฉ์์ ์ฌ์ฉ์ฑ ๊ฐ์ + ์ฌ์ฉ์ฑ ๊ฐ์ ์ ์ํ ์ฑ๋ฅ ๊ฐ์
- ์ํฌ์คํ์ด์ค ์ ์ฅ ํธ๋ฆฌํ๊ฒ(socket)(์ฌ์ฉ์ฑ ๊ฐ์ + ์์นํ o + CS ๊ณต๋ถ์ฉ)
- ์ฐฝ ์ฌ์ด์ฆ ์กฐ์ (๋๋๊ทธ ์ค ๋๋กญ + ํญ ์ปดํฌ๋ํธ ์ ์๋ค๊ฐ ํผ๊ธฐ)(์ฌ์ฉ์ฑ ๊ฐ์ + ์์นํ x(naver ์ ๋๋ฆฌํฑ์ค๋ ๋ญ๋
ธ)โฆ + ์ํ ๊ด๋ฆฌ ๊ณต๋ถ์ฉ + ํ๋ฌ๊ทธ์ธ ๊ณต๋ถ์ฉ)
- ์ธ๋ค์ผ ์ด๋ฏธ์ง ์ ์ฅ ์ต์ ํ(์ฑ๋ฅ ๊ฐ์ + ์์นํo + iframe์ด๋ ๋ ๋๋ง + ์์นํ ๋๊ตฌ ๊ณต๋ถ์ฉ)
๐ ์ต๊ฒฝ์ผ
โ์์นํโ + โ๋จ์ด ๋ดค์๋ ์ดํดํ๊ธฐ ์ข์ ์ฝ๋โ
- ๊ตฌ๊ธ ์ ๋๋ฆฌํฑ์ค ๋ฑ๋ก์ผ๋ก ์ ์
๋ฅ ์์นํ
- ์ฝ๋ ํ์ด๋ผ์ดํ
๋ฒ๊ทธ ์์
- Blockly ์ปค์คํฐ๋ง์ด์ง ํ๋ฌ๊ทธ์ธํ
- ์ฝ๋ ํ์ด๋ผ์ดํ
์คํ์์ค ๋ฑ๋ก? ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ฑ๋ก?
๐ง ํํ์ง
๋น๋ ๋ฐ ๋ฐฐํฌ ์๋ ๊ฐ์ , ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ปค์คํฐ๋ง์ด์ง์ ๊ฐ์ ํ์ฌ ๊ฐ๋ฐ ํจ์จ์ฑ ๋์ด๊ธฐ
- cicd ์๋ ๊ฐ์
- ๋์ปค์ด๋ฏธ์ง ์ต์ ํ
- ๋ธ๋ก ์ปค์คํฐ๋ง์ด์ง ์์