🤔 라이브러리란?
프로그램을 개발할 때 필요한 다양한 기능들을 미리 만들어 모듈화 해 놓은 것
날짜 라이브러리, 수학 라이브러리, 그래픽 라이브러리 등이 있다.
이런식으로 날짜에 대한 기능이 필요할 때 복잡한 기능의 대한 코드를 직접
짤 필요가 없이 다른 개발자가 미리 만들어 둔 라이브러리를 모듈시스템 내에
import해서 사용이 가능하다.
📚 실습예제
해당 링크를 들어가준다.
이곳에는 거의 모든 라이브러리들이 다 존재한다.
실습에 사용할 라이브러리는 Random Color라는 간단한 라이브러리이다.
화면에 이 부분이 바로 실제 라이브러리 설치에 사용될 명령어라고 생각하면 된다.
npm i randomcolor
해당 명령어를 터미널창에 입력하면 설치가 잘 되어지는 것을 확인할 수 있다.
또 내부적으로 파일들의 변화가 조금 생기는데
package.json 파일을 확인해보면 위와 같은 dependencies 라는 부분이 추가된 것을 확인할 수 있고 해당 항목 아래에 방금 설치한 randomcolor와 관련된 부분이 추가된 것을 볼 수 있다.
이 의존 라이브러리가 있어야지만 동작할 수 있다는 뜻이라 생각하면 된다.
이밖에도 node_modules/ 폴더에 설치된 randomcolor와 관련된 파일들도 확인할 수 있다. 이렇게 node_modules는 실제로 설치된 라이브러리의 저장소라고 생각하면 된다.
package-lock.json 이름의 이 파일은 이 패키지가 사용하고 있는 라이브러리들의 버전이나 정보 등을 package.json 파일보다 보다 정확하게 알려주는 파일이다.
두 파일의 차이점을 하나 비교하자면 버전 부분에 이렇게 ^ 표시가 붙어있는 것을 볼 수 있다. 이 표시는 Version Range(버전 범위)라고 해서 정확한 버전이 아니라
대략적인 버전이 표기되어 있는 것으로 0.대 버전부터 1.대 버전 중 최신버전으로 설치하겠다는
뜻으로 생각하면 된다. 하지만 package-lock.json에는 실질적으로 설치되어져있는 버전이 정확하게 적혀져있다.
이런식으로 라이브러리를 가져올 때는 {} 중괄호없이 이름만으로 가져와야 한다.
가져온 것을 변수에 담아 컬러값을 출력하게끔 동작을 설정하고
npm run start를 통해 실행해보면
랜덤하게 컬러값 하나가 잘 출력되는 것을 확인할 수 있다.
🤔 결론은?
이런식으로 라이브러리를 이용하면 이렇게 다양하고도 신기한 기능들을
손쉽게 제공받을 수 있다.
💡 한가지 더 알아보자
만약 package-lock.json 파일과 node_modules 폴더가 지워졌다면?
npm run start를 하게되면 이렇게 패키지를 찾을 수 없다면서 에러가 출력되며 실행되어지지 않는다.
이런 상황이 닥쳐도 당황하지 않게 해결할 수 있는 방법이 존재한다!
이렇게 package.json의 정보만 가지고 있어도 원래 설치되어져있던 라이브러리를
다시 설치하게끔 만들 수 있다.
터미널 창에 npm i를 입력하게 되면 패키지들이 설치되었다는 메시지가 출력된다.
이전에 설치했던 라이브러리가 정상적으로 다시 설치된 것을 확인할 수 있다.
이걸 이용하면 추후 Git 이나 다른 사이트에 공유할 때 용량이 큰
node_modules 파일까지 공유할 필요가 없다.
이처럼 npm i 명령어를 통해 package.json의 의존 라이브러리 정보만 가지고도
기존에 설치했던 라이브러리 모두를 복구할 수 있으니 당황하지말고 이용해보자!
