libs 폴더는 Next.js 프로젝트에서 프론트엔드 개발자들이 사용하는
라이브러리 및 유틸리티 함수들을 모아놓는 공통 디렉토리
- 공통 함수 및 유틸리티: libs 폴더는 여러 컴포넌트나 페이지에서 공통으로 사용되는 함수나 유틸리티 기능들을 저장하는 곳입니다. 이러한 함수들은 중복 코드를 피하고 코드 재사용성을 높이는 데 도움을 줍니다.
- 외부 라이브러리 및 통합: libs 폴더는 프로젝트에서 사용하는 외부 라이브러리들을 관리하는 곳으로 활용될 수 있습니다. 예를 들어, Next.js에서는 libs 폴더에 외부 라이브러리들을 가져와 사용하는 코드를 작성할 수 있습니다.
- API 클라이언트: libs 폴더는 백엔드 API와 통신하는 클라이언트 코드를 작성하는 데 사용될 수 있습니다. 예를 들어, REST API나 GraphQL API와 통신하기 위한 함수들을 libs/api 디렉토리에 저장할 수 있습니다.
- 타입 정의: libs 폴더는 타입 정의 파일을 저장하는 데 사용될 수 있습니다. TypeScript를 사용하는 경우, 외부 라이브러리의 타입 정의 파일이나 프로젝트에서 사용되는 커스텀 타입들을 libs/types 디렉토리에 저장할 수 있습니다.
libs 폴더의 구조 및 용도는 개발자나 프로젝트의 선호도에 따라 다를 수 있습니다. 이는 단지 일반적으로 사용되는 관례입니다. 프론트엔드 개발자들이 공통 코드나 유틸리티 함수, 외부 라이브러리, API 클라이언트 등을 정리하고 재사용성을 높이기 위해 libs 폴더를 사용합니다.
'FrontEnd > Next.js' 카테고리의 다른 글
| [Next.js] Next Image responsive size (0) | 2023.08.21 |
|---|---|
| 내가 만든 컴포넌트가 어디에서 import 되고 있나? (0) | 2023.07.24 |
| Parsing error: Cannot find module 'next/babel'Require stack: (0) | 2023.07.12 |
| [나 혼자 볼거] 소셜로그인을 위한 API 키 받기(feat. kakao, naver, google) (0) | 2023.01.23 |
| [Next.js] NextAuth로 로그인 처리하기(feat. 로그인 페이지 커스텀) (0) | 2023.01.23 |