๋ชฉ๋ก๐ธ Library (5)
๐ค ์์ง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๋ฅผ ์์ฑํ์ฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ๋ง๋๋ ๊ฑด ๋์ผํ๊ธฐ์ ๊ด๋ จ ๊ธ ์ฐธ๊ณ ๋ฐ๋๋๋ค..
NPM(Node Package Manager) ์ ์๋ฐ์คํฌ๋ฆฝํธ ์ธ์ด๋ฅผ ์ํ ํจํค์ง ๊ด๋ฆฌ์๋ก, Node.js์ ๊ธฐ๋ณธ ํจํค์ง ๊ด๋ฆฌ์์ ๋๋ค. ์ ์ธ๊ณ์ ์ผ๋ก ๊ฐ์ฅ ๋ง์ ์ด๋ค์ด ์ฌ์ฉํ๊ณ ์๋ ํจํค์ง ๊ด๋ฆฌ ํด์ด์ฃ . ์ด๋ฌํ ๊ด๋ฆฌ ํด์ ์ด์ฉํ์ฌ Node.js๋ก ๋ง๋ค์ด์ง ๋ชจ๋์ ์น์์ ๋ฐ์์ ์ฝ๊ฒ ์ค์นํ๊ณ ๊ด๋ฆฌํด์ฃผ๋ ํ๋ก๊ทธ๋จ์ผ๋ก ๊ฐ๋ฐ์ ์ ์ฅ์์๋ ๋จ ๋ช ์ค์ command๋ก ๊ธฐ์กด ๊ณต๊ฐ๋ ๋ชจ๋๋ค์ ์ค์นํ๊ณ ํ์ฉํ ์ ์์ต๋๋ค. (Java์์ maven๊ณผ ๋น์ทํ ์ญํ ์ ํ๋ค๊ณ ๋ณผ ์ ์์ต๋๋ค.) ๋ํ ๊ทธ๋ ๊ฒ ์ค์น๋ ๋ชจ๋๋ค์ด ์ ๋ฐ์ดํธ๋์๋์ง๋ฅผ ์ฒดํฌํด์ฃผ๋ ๋ฑ JavaScript๋ก ์งํํ๋ ํ๋ก์ ํธ๋ฅผ ๊ต์ฅํ ํธํ๊ฒ ์งํํ ์ ์๋๋ก ๋์์ ์ค๋๋ค. command-line client์ธ npm๊ณผ ์จ๋ผ์ธ ๋ฐ์ดํฐ๋ฒ ์ด์ค์ธ npm regi..
ํ๋ก์ ํธ๋ฅผ ๋ฐฐํฌํ๊ฑฐ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ก ์ ๊ณตํ ๋ ๋ฒ์ ์ ๋ณด๋ ๋งค์ฐ ์ค์ํฉ๋๋ค. ํํ) 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์ ์ด์ฉํ์ฌ ์ํํธ์จ์ด๋ฅผ ..