๋ชฉ๋กNPM Package (4)
๐ค ์์งlog ๐ค
"Invalid hook call. Hooks can only be called inside the body of a function component" ์ด๋ฌํ ์๋ฌ๋ฅผ ๋ง์ฃผํ์ จ๋ค๋ฉด ์๋ฌ๋ ์ฌ๋ฌ ๊ฐ์ง ์ด์ ์์ ๋ฐ์ํ๊ฒ ๋ฉ๋๋ค. 1. Having a mismatch between the versions of react and react-dom. (react ๋ฐ react-dom์ ๋ฒ์ ์ด ์ผ์นํ์ง ์์ต๋๋ค.) โ ๋ฒ์ ์ด ๋์ผํ์ง ํ์ธํด๋ณด์ธ์. 2. Having multiple versions of the react package in the same project. (๋์ผํ ํ๋ก์ ํธ์ ์ฌ๋ฌ ๋ฒ์ ์ ํจํค์ง๊ฐ ์์ต๋๋ค.) โ ์ฌ๋ฌ ๋ฒ์ ์ ํจํค์ง๊ฐ ์๋์ง ํ์ธํด๋ณด์ธ์. 3. Trying to call a compo..
์ฌ์ด๋ ํ๋ก์ ํธ๋ฅผ ํ๋ฉด์ ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉ์ ํ์ง๋ง๊ณ ์ฐ๋ฆฌ๋ง์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ง๋ค์๊ณ ํ์ฌ ๋ด๊ฐ ๋งก๊ฒ๋์๋๋ฐ .. ์ด๋ณด ๊ฐ๋ฐ์ ์ ์ฅ์์๋ ๋ํต ์๋ฌด๊ฒ๋ ๋ชจ๋ฅด๊ฒ ๊ณ ์ด๋์ ๋ถํฐ ์ด๋ป๊ฒ ์์ํ๋์ง๋ ๊ฐ์ด ์์์ ์ฌ๊ธฐ์ ๊ธฐ ๊ฒ์ํด๋ณด๊ณ ๋์ด๋ชจ์ ์ ๋ณด๋ก ์์ฑํ๊ฒ ๋์๋ค. ์ด๊ฒ ์ ๋ต์ด๋ผ๊ณ ๋ ํ ์ ์์ง๋ง ๋น์ทํ ์ํฉ์ด์ ๋ถ๋ค์๊ฒ ๋์์ด ๋์์ผ๋ฉด ์ข๊ฒ ๋จ ๐ฅ NPM Package ์์ฑ ๋ถํฐ ๋ฐฐํฌ _์ง์ง์ง์ง์ต์ข ๐ ์ฌ์ด๋ ํ๋ก์ ํธ๋ฅผ ํ๋ฉด์ ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉ์ ํ์ง๋ง๊ณ ์ฐ๋ฆฌ๋ง์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ง๋ค์๊ณ ํ์ฌ ๋ด๊ฐ ๋งก๊ฒ๋์๋๋ฐ .. ์ด๋ณด ๊ฐ๋ฐ์ ์ ์ฅ์์๋ ๋ํต ์๋ฌด๊ฒ๋ ๋ชจ๋ฅด๊ฒ ๊ณ ์ด๋์ ๋ถํฐ ์ด๋ป๊ฒ eun-jii.tistory.com ๐ฉ๐ป๐ป NPM Package๋ฅผ ์์ฑํ์ฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ง๋๋ ๊ฑด ๋์ผํ๊ธฐ์ ๊ด๋ จ ๊ธ ์ฐธ๊ณ ๋ฐ๋๋๋ค..
ํ๋ก์ ํธ๋ฅผ ๋ฐฐํฌํ๊ฑฐ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ์ ๊ณตํ ๋ ๋ฒ์ ์ ๋ณด๋ ๋งค์ฐ ์ค์ํฉ๋๋ค. ํํ) Major.Minor.Patch ์์) 1.0.0 ์ผ๋ฐ์ ์ผ๋ก ํ๋ก์ ํธ๋ฅผ ์์ํ๋ค๋ฉด 1.0.0 ์์๋ถํฐ ์์ํ๊ณ ์๋์ ๊ฐ ๋ฒ์ ์ ์๋ฏธ์ ๋ฐ๋ผ์ ํ ๋จ๊ณ์ฉ ์ซ์๋ฅผ ์ฌ๋ฆฝ๋๋ค. โ ์์ ์ ์ด์ง ์์ ๋ฒ ํ ๋ฒ์ ์ 0.0.1 ๋๋ 1.0.0b (๋ฒ ํ ๋ฒ์ ๋ช ์ํด์ฃผ๊ธฐ)์์ ์์ํฉ๋๋ค. โ ๐ ๏ธ ๋ฉ์ด์ : ๊ธฐ๋ฅ๋ค์ด ๋๊ฑฐ ์ถ๊ฐ ๋ฐ ์์ ์ด์ ๋ฒ์ ๊ณผ์ ํธํ์ฑ์ ๊นจ๋ ๋ณ๊ฒฝ์ฌํญ [์์ 2.0.0] - ์ด์ ๋ฒ์ ๊ณผ ํธํ์ด ์๋ ์ ๋๋ก ํฐ ๋ณ๊ฒฝ์ฌํญ์ด ์๊ธฐ๋ฉด 1.0.0์์ ์ฒซ๋ฒ์งธ ์ซ์๋ฅผ ์ฆ๊ฐ์ํค๊ณ publish ํฉ๋๋ค. ๐ ๏ธ ๋ง์ด๋: ์์ ๊ธฐ๋ฅ๋ค ์ถ๊ฐ ๋ฐ ์์ ์ด์ ๋ฒ์ ๊ณผ์ ํธํ๋๋ ์๋ก์ด ๊ธฐ๋ฅ [์์ 1.1.0] - ์ด์ ๋ฒ์ ๊ณผ ํธํ์ ๊ฐ๋ฅํ๋ ํจ์น ..
์ฌ์ด๋ ํ๋ก์ ํธ๋ฅผ ํ๋ฉด์ ์ธ๋ถ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ฌ์ฉ์ ํ์ง๋ง๊ณ ์ฐ๋ฆฌ๋ง์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ง๋ค์๊ณ ํ์ฌ ๋ด๊ฐ ๋งก๊ฒ๋์๋๋ฐ .. ์ด๋ณด ๊ฐ๋ฐ์ ์ ์ฅ์์๋ ๋ํต ์๋ฌด๊ฒ๋ ๋ชจ๋ฅด๊ฒ ๊ณ ์ด๋์ ๋ถํฐ ์ด๋ป๊ฒ ์์ํ๋์ง๋ ๊ฐ์ด ์์์ ์ฌ๊ธฐ์ ๊ธฐ ๊ฒ์ํด๋ณด๊ณ ๋์ด๋ชจ์ ์ ๋ณด๋ก ์ต์ข ๋ณธ์ ๋ง๋ค๊ฒ ๋์๋ค. ์ด๊ฒ ์ ๋ต์ด๋ผ๊ณ ๋ ํ ์ ์์ง๋ง ๋น์ทํ ์ํฉ์ด์ ๋ถ๋ค์๊ฒ ๋์์ด ๋์์ผ๋ฉด ์ข๊ฒ ๋จ ๐ฅ ๐ NPM : Node Package Manager๋ก ์ด๋ฆ์ ์ ๋๋ npm์ด Node.js์ฉ ํจํค์ง ๊ด๋ฆฌ์๋ก ์ฒ์ ์์ฑ๋์์ ๋์ด๋ค. npm์ ์ญํ ์ ์ํํธ์จ์ด์ ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋๋ ๋ ์ง์คํธ๋ฆฌ์ด๋ค. ์ํํธ์จ์ด๋ฅผ ๊ด๋ฆฌํ๊ณ ์ค์น๋ฅผ ์ง์ํ๋ฉฐ ์ด ๋ ์ง์คํธ๋ฆฌ์๋ ์ฝ 800,000๊ฐ ์ด์์ npm ํจํค์ง๊ฐ ํฌํจ๋์ด์๋ค. ์คํ ์์ค ๊ฐ๋ฐ์๋ ์ด npm์ ์ด์ฉํ์ฌ ์ํํธ์จ์ด๋ฅผ ..