2022.06.19(Sun)
[TIL] Day38
โ ์ด๋ฒ ์ฃผ๋ง์๋ React๋ก CRUD(create, read, update, delete) ๊ธฐ๋ฅ ๊ตฌํํด์ ๊ฐ๋จํ ์ผ๊ธฐ์ฅ ํํ์ ํ ์ด ํ๋ก์ ํธ๋ฅผ ์งํํ๋ค.
ํํ ์ด์ฟ๋ ์, ์๋ฐ์ ์ ์ ์๋ ์ด๋ฒ ์ฃผ๋ง์ด์์ง๋ง ํํ์ด ๊ตฌํํด์ ์ด์ฐ์ด์ฐ update ๊ธฐ๋ฅ์ ์ ์ธํ create, read, delete ๊ธฐ๋ฅ๊น์ง๋ ๊ตฌํํ๋ค.
๊ตฌ์น๋ง,, ๋๋๋ด update ๊ธฐ๋ฅ์ ๊ตฌํ์ด ์ ๋๋ค,,
1๏ธโฃ 1์ฐจ ๊ณ ๋น๋ ๋ชฉ๋ก์ ์๋ ์ ๋ชฉ ํด๋ฆญ์ ์ editor์ ๋ด์ฉ์ ๋์์ผ ํ๋๋ฐ filter๋ฅผ ์ด์ฉํด์ ๊ฐ์ id ๊ฐ์ ๊ฐ์ ธ์ค๋ ค๋๋ฐ ๊ณ์ undefined๊ฐ ์ฐํ๋ค..๐ฅฒ
2๏ธโฃ 2์ฐจ ๊ณ ๋น๋ ํ๋ก์ ํธ ์ปดํฌ๋ํธ ๋ถ๋ฆฌ๋ฅผ ์ด์ํ๊ฒ ํด์ App.js์์ ์์ ์ปดํฌ๋ํธ๋ค์๊ฒ props๋ก ๊ฐ์ ๋๊ฒจ์ฃผ๋ ๋ถ๋ถ์์ ๋๋ฌด ๋ง์ ๊ฒ๋ค์ ๋๊ฒจ์ค์ผ ํด์ ์ฝ๋๊ฐ ์ ์ ๊ผฌ์ฌ๊ฐ๋ ๋๋์ ๋ฐ์๋ค ๐ซ
3๏ธโฃ 3์ฐจ ๊ณ ๋น๋ ์์ ๋ฒํผ์ด ์๋ editor.js์ ์์ ํด์ผ ํ๋ ๊ฐ๋ค์ ๋ค๋ฅธ ํ์ ์ปดํฌ๋ํธ์ ์์ ์ปดํฌ๋ํธ์ ๋์ด์ ๊ฐ๋ค์ ์ฃผ๊ณ ๋ฐ๋๋ฐ์์ ๋จ๋จํ ๊ผฌ์ฌ๋ฒ๋ ธ๋ค๋ ์ .. ๊ทธ๋์ update ๊ธฐ๋ฅ์ด ์ ๋๋ก ์๋์ด ์ ๋๋ค ๐ฑ
4๏ธโฃ ๋ง์ง๋ง์ผ๋ก ์ด์ฌํ๋ ์ง์ ๊ณต์ ๊ธฐ๋ง ์๋ก ์ค์นํ๋ฉด ์์ดํ์ด๋๋ค๊ณ ํ๋ค๋๋ฐ ์๋ ์ฐ๋ ๊ณต์ ๊ธฐ๋ sk์ด๊ณ , ์ง๊ธ ์ง์ hello TV ๊บผ๋ผ ํธํ์ด ์๋๋ค๊ณ ํ๋์ ์ง์ ์๋ ๋์ ์ผ๋จ ํซ์คํ ๋ฐ์ดํฐ๋ก ๊ธฐ๋ฅ ๊ตฌํ,,
์ผ์๋ iptime ๊ณต์ ๊ธฐ ์๋ก ์ฌ์ ์ฐ๊ฒฐํ๋๋ฐ๋ ๊ณ์ '์ธํฐ๋ท ์ฐ๊ฒฐ ์์'์ด ๋ ๊ฐ์ง๊ณ , ๋ฆฌํํ ๋ฐ์ดํฐ๊น์ง ๋ค ์ฐ๊ณ , ์๋น ๊ฐ ์ ๋ฌผํ ๋ฐ์ดํฐ๋ก ๋ค์ ๋ฆฌํํ๋ค.๐ฅฒ
์์ ์์นจ์๋ ์ฌ์ง์ด ํซ์คํ ์ฐ๊ฒฐ๋ ์๋๊ฐ์ง๊ตฌ ์ค์ ์ hello TV ์ ํํด์ ๊ฒฐ๊ตญ ํด๊ฒฐ์ฐ.. ๋ค์ฌ๋ค๋ํ๋ ์ฃผ๋ง์ฐ๐ญ
๊ฐ๋ตํ ํด๋ ๊ตฌ์กฐ๋ ๋ค์๊ณผ ๊ฐ๋ค.
โฐ ContentList ์ปดํฌ๋ํธ๋ ์ผ์ชฝ์ ๋ณด์ด๋ ๊ธ ๋ชฉ๋ก ํ๋ฉด
โฐ Editor ์ปดํฌ๋ํธ๋ ์ค๋ฅธ์ชฝ์ ๋ณด์ด๋ ์์ธ ๊ธ ๋ด์ฉ ๋ฐ ๊ธ์ฐ๊ธฐ/์์ /์ญ์ ํ๋ฉด
โฐ ContentItem ์ปดํฌ๋ํธ๋ ๊ธ ๋ชฉ๋ก์ ๋ณด์ด๋ ๊ฐ๊ฐ์ ๊ธ ์์ดํ
๐ ์ํผ ์ฃผ๋ง๋์ ๊ตฌํํ ํ๋ฉด&๊ธฐ๋ฅ์ ์๋์ ๊ฐ๋ค.
[CREATE] ์ผ์ชฝ ๊ธ์ฐ๊ธฐ ๋ฒํผ์ ๋๋ ์ ๋ ์ค๋ฅธ์ชฝ Editor ์ปดํฌ๋ํธ์์ ๊ธ ์ ๋ชฉ, ๋ด์ฉ์ ์์ฑํ ์ ์๋ค.
[READ] ๋ด์ฉ์ ์์ฑํ๊ณ , ์ ์ฅ ๋ฒํผ์ ๋๋ฅด๋ฉด ์ผ์ชฝ ๊ธ ๋ชฉ๋ก์ ์๋ก ์์ฑํ ๊ธ์ด ์ถ๊ฐ๋ ๊ฒ์ ํ์ธํ ์ ์๋ค. + ๋ชฉ๋ก์ ์๋ ์ ๋ชฉ์ ๋๋ฅด๋ฉด ์ค๋ฅธ์ชฝ์ ํด๋นํ๋ ๊ธ ์์ธ ๋ด์ฉ์ด ๋์จ๋ค.
[DELETE] ๋ฒํธ 2์ธ ๊ธ ์ ๋ชฉ์ ๋๋ฌ์ ์ค๋ฅธ์ชฝ ํ๋ฉด ํ๋จ์ ๋ํ๋๋ ์ญ์ ๋ฒํผ ํด๋ฆญ์ ๋ฒํธ 2์ธ ๊ธ์ด ๋ชฉ๋ก์์ ์ญ์ ๋ ๊ฒ์ ํ์ธํ ์ ์๋ค.
โ [UPDATE] ์์ ๊ธฐ๋ฅ์ ์ ์๋ํ์ง ์์ผ๋ฏ๋ก ๋ค์ ๊ตฌํํด๋ณด๊ณ ์ฝ๋ ๊ณผ์ ๋ธ๋ก๊น ๋ค์ ํ๊ธฐ!
CRUD๊ฐ ์ ์ผ ๊ธฐ๋ณธ ๊ธฐ๋ฅ ๊ตฌํ์ผํ ๋ฐ ์ด๊ฒ ๋ง์ ๋ ๋ชปํ๋ ๋์ ์ค๋ ฅ์ ๋ค๋ฅธ ์๋ฏธ๋ก ๋๋๋ค ์ ๋ง ๐ฅฒ ๊ทธ๋๋ ์ด๋ฒ ํ ์ด ํ๋ก์ ํธ๋ฅผ ํตํด ๊ฐ ์ฃผ๊ณ ๋ฐ๋ ๋ถ๋ถ์ ์กฐ๊ธ์ด๋๋ง ๊ฐ ์ก์ ์ ์์๋ TIME.