# Basic Guides

- [Convention (임시)](/docs/basic-guides/convention-archive.md): 똑똑한 개발자라면 지킬수 있죠?
- [code style](/docs/basic-guides/convention-archive/code-style.md)
- [file & folder style](/docs/basic-guides/convention-archive/file-and-folder-style.md)
- [Convention](/docs/basic-guides/convention.md): 똑똑한 개발자라면 지킬수 있죠?
- [How to Read?](/docs/basic-guides/convention/how-to-read.md)
- [Apis](/docs/basic-guides/convention/apis.md)
- [Structure](/docs/basic-guides/convention/apis/structure.md): apis 폴더의 구조입니다.
- [Code Style](/docs/basic-guides/convention/apis/code-style.md): apis 폴더 내에 각 항목별 설명입니다.
- [Components](/docs/basic-guides/convention/components.md): 프로젝트 전반에 사용되는 components 폴더에 관한 규칙입니다.
- [Structure](/docs/basic-guides/convention/components/structure.md): component 폴더의 구조입니다.
- [Code Style](/docs/basic-guides/convention/components/code-style.md): 컴포넌트에서의 코딩 컨벤션 입니다
- [Containers](/docs/basic-guides/convention/containers.md): Containers 폴더 소개입니다.
- [Configs](/docs/basic-guides/convention/configs.md): 특정 라이브러리 설정 파일의 모음입니다.
- [Boilerplate](/docs/basic-guides/convention/configs/boilerplate.md): 기존 Boilerplate에 존재하는 상수 파일에 대한 간단한 설명을 담고 있습니다.
- [Axiso](/docs/basic-guides/convention/configs/boilerplate/axiso.md): HTTP 통신 클라이언트 라이브러리인 Aixos에 대한 설정 파일입니다.
- [Constants](/docs/basic-guides/convention/constants.md): constants (상수)로 관리되어야 하는 규칙입니다.
- [Boilerplate](/docs/basic-guides/convention/constants/boilerplate.md): 기존 Boilerplate에 존재하는 상수 파일에 대한 간단한 설명을 담고 있습니다.
- [Contexts](/docs/basic-guides/convention/contexts.md)
- [Structure](/docs/basic-guides/convention/contexts/structure.md): Context폴더의 기본적인 규칙입니다.
- [Code Style](/docs/basic-guides/convention/contexts/code-style.md)
- [Boilerplate](/docs/basic-guides/convention/contexts/information.md)
- [Generated](/docs/basic-guides/convention/generated.md): tokript를 사용하여 생성되는 파일의 집합입니다.
- [Hocs](/docs/basic-guides/convention/hocs.md)
- [Structure](/docs/basic-guides/convention/hocs/structure.md): hocs 폴더의 기본적인 규칙입니다.
- [Boilerplate](/docs/basic-guides/convention/hocs/boilerplate.md)
- [Hooks](/docs/basic-guides/convention/hooks.md)
- [Structure](/docs/basic-guides/convention/hooks/structure.md): hooks 폴더의 기본적인 규칙입니다.
- [Pages](/docs/basic-guides/convention/pages.md): next-init의 pages 폴더입니다.
- [Structure](/docs/basic-guides/convention/pages/structure.md): pages 폴더의 구조입니다.
- [Code Style](/docs/basic-guides/convention/pages/code-style.md): Pages 파일의 Code Style 역시 Naming 제외하면 대부분 권장사항입니다.
- [Scripts](/docs/basic-guides/convention/scripts.md)
- [Types](/docs/basic-guides/convention/types.md): 프로젝트 전반에 사용되는 components 폴더에 관한 규칙입니다.
- [Structure](/docs/basic-guides/convention/types/structure.md): Types 폴더의 구조입니다.
- [Code Style](/docs/basic-guides/convention/types/code-style.md): Types에서의 코딩 컨벤션 입니다
- [Boilerplate](/docs/basic-guides/convention/types/boilerplate.md)
- [modules](/docs/basic-guides/convention/types/boilerplate/modules.md)
- [Static](/docs/basic-guides/convention/types/boilerplate/static.md): Static 폴더의 기능과 역할을 소개합니다.
- [Utility](/docs/basic-guides/convention/types/boilerplate/utility.md): Utility 폴더의 기능과 역할을 소개합니다.
- [global.ts](/docs/basic-guides/convention/types/boilerplate/global.ts.md): 전역 네임스페이스를 확장하는 global.ts를 소개합니다.
- [Utils](/docs/basic-guides/convention/utils.md): 프로젝트 전반에 사용 되는 함수, 정규식 등 로직이 모인 폴더입니다.
- [Structure](/docs/basic-guides/convention/utils/structure.md): hooks 폴더의 기본적인 규칙입니다.
- [Code Style](/docs/basic-guides/convention/utils/code-style.md)
- [Boilerplate](/docs/basic-guides/convention/utils/boilerplate.md)
- [Convention Archive](/docs/basic-guides/convention/convention-archive.md): 똑개의 컨벤션을 미리 볼 수 있는 페이지입니다.
- [Theme](/docs/basic-guides/foundation.md): Chakra UI 를 사용하여 프로젝트 시작 전 기초작업을 설정하는 과정을 소개합니다.
- [Foundation 정의 (with Theming)](/docs/basic-guides/foundation/foundation.md): 기초작업이 필요한 이유와 적용방식 과정에 대해 소개합니다.
- [Container](/docs/basic-guides/foundation/1.-container.md): 반응형 웹 작업을 위한 중단점(Breakpoint)설정
- [반응형 웹이란?](/docs/basic-guides/foundation/1.-container/undefined.md)
- [중단점(Breakpoint) 설정하기](/docs/basic-guides/foundation/1.-container/1-1.-breakpoint.md): 프로젝트별로 중단점을 설정하는 방법을 알아봅니다.
- [레이아웃 만들기](/docs/basic-guides/foundation/1.-container/undefined-1.md): 컨테이너 설정을 통해 프로젝트의 레이아웃을 만들어봅니다.
- [예제](/docs/basic-guides/foundation/1.-container/undefined-2.md)
- [Pro-tips](/docs/basic-guides/foundation/1.-container/pro-tips.md)
- [Colors](/docs/basic-guides/foundation/2.-colors.md)
- [Color Mode](/docs/basic-guides/foundation/2.-colors/color-mode.md): Chakra UI에서 제공하는 Color Mode 설정 방법을 소개합니다.
- [Semantic Tokens](/docs/basic-guides/foundation/2.-colors/semantic-tokens.md): Chakra UI의 Semantic Tokens를 활용하여 Color를 설정하는 방법을 소개합니다.
- [Color Setting](/docs/basic-guides/foundation/2.-colors/semantic-tokens/color-setting.md)
- [2-1. Primary & Secondary Colors](/docs/basic-guides/foundation/2.-colors/2-1.-primary-and-secondary-colors.md)