eslint
eslint Eslint란? ESLint는 코딩 스타일 가이드를 따르지 않거나 문제가 있는 코드 또는 안티 패턴을 찾기 위해 사용하는 Javascript linter이다 개발자가 자신의 스타일 가이드를 작성할 수도 있다 ESLint 규칙 설정 ESLint에는 프로젝트에서 사용하는 규칙을 수정할 수 있다 “of...
eslint Eslint란? ESLint는 코딩 스타일 가이드를 따르지 않거나 문제가 있는 코드 또는 안티 패턴을 찾기 위해 사용하는 Javascript linter이다 개발자가 자신의 스타일 가이드를 작성할 수도 있다 ESLint 규칙 설정 ESLint에는 프로젝트에서 사용하는 규칙을 수정할 수 있다 “of...
e.preventdefault(); preventDefault란? preventDefault는 브라우저가 적용하는 기본 동작을 방지하는 역할을 한다. 이때 기본 동작은 이벤트의 종류에 따라 다르다. submit인 경우 form 데이터를 서버에 전송하고, 페이지를 새로 고침 하는 부분이 기본 동작이다. preventDefault를 사용하...
dependencies, devDependencies 차이점 dependencies에는 애플리케이션 동작과 연관된 라이브러리가 있다 devDependencies에는 애플리케이션 동작과 직접적인 연관은 없지만, 이름 그대로 개발할 때 필요한 라이브러리가 있다 구분하는 이유는? 배포할 때 어떤 라이브러리를 포함할지 정해서 빌드 시간...
React-Query React-Query란? React 애플리케이션에서 데이터 가져오기 및 상태 관리에 사용되는 인기 있는 라이브러리 API, 데이터베이스 또는 기타 소스에서 가져와야 하는 데이터를 관리 React 구성 요소와 원활하게 통합하는 강력하고 유연한 방법을 제공 주요 기능 데이터 fetching: 캐싱, 자동 업...
Loading skeleton skeleton이란? 데이터 로드 또는 콘텐츠 가져오기 프로세스 중에 눈에 띄는 지연이 있을 수 있으며 이로 인해 사용자에게 불편함을 줄 수 있다. 이를 완화하기 위해 로딩 스켈레톤이 표시되어 사용자에게 진행 상황과 활동에 대한 감각을 제공하여 백그라운드에서 어떤 일이 일어나고 있다는 인상을 준다. 실제 ...