
ES6์์๋ const ํค์๋๋ฅผ ์ฌ์ฉํ์ฌ ๋ถ๋ณ ๋ณ์(Immutable Variable)๋ฅผ ์ ์ธํ ์ ์๋ค.ํ์ง๋ง ์ฌ๊ธฐ์ ์ค์ํ ์ ์"๋ถ๋ณ ๋ณ์๋ ๊ฐ์ ๋ค์ ํ ๋นํ ์ ์์ง๋ง, ๋ด๋ถ ๊ฐ์ ๋ณ๊ฒฝํ ์๋ ์๋ค"๋ ๊ฒ์ด๋ค.์ด ๋ง์ด ์กฐ๊ธ ํท๊ฐ๋ฆด ์ ์๋๋ฐ, ํ๋์ฉ ์์๋ณด์.์ฑ ์

๐ React ๊ณต์ ๋ฌธ์์์๋ ์ด์ create-react-app(CRA)์ ์ถ์ฒํ์ง ์๋๋ค.๐ ๋ฐ๋ผ์ React ๊ณต์ ๋ฌธ์์์ ์ถ์ฒํ๋ Vite๋ฅผ ์ฌ์ฉํ์ฌ React ํ๋ก์ ํธ๋ฅผ ์์ํด๋ณด์!Vite๋ CRA๋ณด๋ค ํจ์ฌ ๋น ๋ฅด๊ณ ๊ฐ๋ฒผ์ด React ํ๋ก์ ํธ ์์ฑ ๋๊ตฌ์ด๋ค.

ref๋ React๊ฐ HTML ์์(์ค์ DOM)๋ฅผ ์ง์ ์ฐพ์ ์ ์๊ฒ ํด์ฃผ๋ ๋๊ตฌ๋ค.ํ์์ React๊ฐ ๊ฐ์ DOM์ ๊ด๋ฆฌํ์ง๋ง,์ ๋ง ํ์ํ ๊ฒฝ์ฐ, ๋ด๊ฐ ์ง์ ์ง์ง DOM์ ๋ง์ง ์ ์๊ฒ ํด์ฃผ๋ โ์์ธ ํต๋กโ๊ฐ ๋ฐ๋ก ref๋ค.myBoxRef๋ div๋ฅผ ๊ฐ๋ฆฌํค๋ ref
๋๋๊ทธ ์ค ๋๋กญ ๋ฆฌ์คํธ๋ฅผ ๋ง๋ค๋ค๊ฐ ๊ถ๊ธํ ์ ์ด ์๊น:ul ํ๊ทธ (Droppable)์๋ ๊ทธ๋ฅ style={{ padding: 20 }} ์ด๋ ๊ฒ ๊ฐ๋จํ๊ฒ ์คํ์ผ์ ์ค๋ ๋๋๋ฐ,li ํ๊ทธ (Draggable)์๋ ...provided.draggableProps.style์ฒ