printWidth - 줄 바꿈할 줄 길이 tabWidth - 들여쓰기 칸 수 semi - 세미콜론 강제 singleQuote - 작은 따옴표 사용을 강제 trailingComma - 쉼표로 구분된 여러 줄인 구문에서 후행 쉼표를 추가 endOfLine - EoF 방식
svg: SVG 이미지를 정의하는 루트 요소다width와 height: SVG의 너비와 높이를 지정한다. 여기서는 30x30 픽셀입니다.viewBox: 0, 0에서 시작하여 30x30의 뷰포트를 설정한다.fill: 기본 채우기 색상을 설정한다. none으로 설정되어 있
"Mantis React Admin Dashboard"라는 React 애플리케이션의 기본 템플릿 Vite를 사용하여 빌드된 React 애플리케이션을 위한 구조 html의 head에는 title또는 css의 링크, 메타 데이터를 정의하는 부분이다. *메타데이터 : 데
jsconfig.json 파일은 vscode의 프로젝트에서 생성된 js파일들의 공통된 javascript 관련 설정환경을 제공할 수 있으며 설정환경에 적용 되는 js파일들의 범위 또한 설정할 수 있다. 컴파일러옵션 target : 사용할 기본 라이브러리 지정 modu
package.json은 npm이라는 오픈소스 패키지 생태계를 사용하기 위한 명세이자, 프로젝트의 의존성 관리를 위한 명세, 또 이 생태계로의 배포를 위한 명세이다. name : 패키지의 이름을 지정합니다. version : 버전을 설정합니다. private : 해당
composite : 프로젝트가 TypeScript 프로젝트 참조를 사용할 수 있도록 합니다.module : TypeScript가 생성할 모듈 시스템을 지정합니다. ESNext는 최신 ES 모듈 시스템을 사용하도록 설정합니다.이는 ECMAScript의 최신 모듈 기능
import 구문:path: Node.js의 경로 모듈로, 파일 및 디렉토리 경로 조작에 사용됩니다.defineConfig: Vite의 설정을 정의하는 함수입니다. 이 함수는 설정 객체를 매개변수로 받아 Vite 설정을 정의합니다.react: Vite의 React 플러
{ "root": true, "env": { "browser": true, "es2021": true }, "extends": //plugin package의 규칙을 그대로 따르고 싶을 때 plugin을 extends에 추가 는 plugin 규칙을
package.json은 npm 패키지 저장소로부터 어떤 패키지를 내려받아 설치해야 하는지, 또한 우리의 프로젝트를 다른 프로젝트에서 사용할 수 있도록 어떻게 npm 패키지 저장소에 올릴 것인지를 설정할 수 있다.여기서 name과 version은 해당 패키지 이름과 버
상태(state) 관리란? 애플리케이션이 가지고 있는 데이터의 변경을 추적하고, 이에 대응하는 UI를 적절히 업데이트 하는 과정이다. 애플리케이션의 데이터를 효율적으로 관리하는 것이다. (서버의 응답, 사용자의 입력, UI 등 애플리케이션 데이터에 대해 관리하는 것)
SWR이란Stale-While-Revalidate의 약자로, HTTP 캐시 무효 전략뜻합니다.쉽게 말하자면, 캐시 데이터(원래 있던 데이터)를 가져와 보여주고 캐시 데이터를 업데이트 해야할 경우 캐시 데이터를 백그라운드에서 업데이트 할 수 있다. 자동으로 업데이트 되기
통신 모듈 axios, fetch, request에 대해axios에 대해node.js와 브라우저를 위한 http 통신 라이브러리이다.(라이브러리 설치 필요)서버에 요청을 보내는 방법은 크게 4가지가 있다.첫번째,GET요청 GET은 서버에서 데이터를 가져와(get) 보여
fetchfetch 통신 모듈은 따로 라이브러리를 설치하지 않고 사용할 수 있습니다. fetch 또한 axios랑 비슷하게 사용할 수 있다.첫번째, GET default로 get이 설정되어 있다.예제user id가 유동적으로 바뀐다면 위에 형식으로 코드를 구성하면 된다