✍🏻 [Code Camp_TIL] 12일차: 라이브러리

라이브러리

다른 사람들이 만들어놓은 라이브러리를 적극 활용해보자! 시간을 효율적으로 사용할 수 있고, 내가 짠 것보다 더 간략한 코드를 가져와서 쓸 수 있다.

UI 프레임워크

UI 라이브러리 혹은 UI 프레임워크는 무료 제공 도구 모음이다. 다운받아서 코드 한 줄만 입력하면 만들고자 하는 기능을 손쉽게 만들 수 있다.

이런 말이 있다.

바퀴를 재발명 하지 마라.

라이브러리를 사용하면 시간을 절약할 수 있고, 버그를 최소화할 수 있다는 장점이 있다. 다양한 브라우저와 다양한 화면 사이즈에서 실행이 되는지 테스트가 이미 완료된 기능을 가져와서 쓰는 것이 에러의 가능성을 크게 낮출 수 있다.

별점 매기는 기능, 모달창, 달력 기능, 배너 등 굉장히 다양한 기능과 디자인을 사용할 수 있다.

다만 어려운 기능이나 최신 기능은 라이브러리에 없을 확률이 높다. 따라서 그러한 기능을 사용하려면 직접 만들어야 한다. 라이브러리를 직접 만들어서 npm 사이트에 올릴수도 있다(npm publish)!

라이브러리 사용방법

라이브러리에는 각각 사용설명서(Docs)가 있다. 따라서 우리는 라이브러리 docs를 읽고, 직접 적용하는 방법을 공부하는 것이 좋다.

코드를 그대로 가져가서 사용할 수도 있고, 추가적으로 필요한 내용과 스타일을 추가하거나 필요 없는 것은 삭제할 수 있다.

라이브러리 사이트: ant-Design, Material-ui, React Bootstrap, Semantic-UI 등

라이브러리는 개발 공부를 시작할 즈음부터 많이 들어왔다. 개발자들이 자신이 만든 기능을 라이브러리에 공유하고, 다른 개발자들이 라이브러리를 활용해서 기능을 가져와 쓴다는 점이 놀라웠다. 자신의 지식과 인사이트를 공유하는 문화는 개발 분야의 발전에 큰 기여를 했다고 생각이 든다.

나도 언젠가는 다른 개발자들에게 도움이 되는 개발자가 되기를 바란다..!