Web9 [React] - ESLint 설치 및 설정 Eslint 1. Eslint 설치 npm install eslint@lates --save-dev 2. npx eslint --init ❗이때 .eslintrc.json 파일 생성 3. 핵심 플러그인 설치 "eslint", ⭐ ⭐ ⭐ JavaScript와 JSX 파일의 코드 품질과 코딩 스타일 문제를 식별하기 위한 도구 " eslint-plugin-import ", ⭐ ES6+의 import/export 문법과 관련된 문제를 식별하는 ESLint 플러그인 " eslint-plugin-react ", ⭐ ⭐ ⭐ React와 JSX 파일의 특정 규칙을 적용하기 위한 ESLint 플러그인 "plugin:jsx-a11y/recommended", ⭐ jsx-a11y 플러그인 추가 / 웹접근성 관련 "plugin.. 2024. 3. 26. [useQuery] StaleTime , gcTime [StaleTime] StaleTime은 데이터에 대한 frash 함을 나타내는 척도로 보면 되며 예로 useQuery에서 useQuery({ querykey : ['some-key' , 디펜던시 키 ] , queryFn : ()=>난함수(page) , staleTime : 10000 }) 으로 지정하게되면 이는 10초 내는 신선도를 유지하는 데이터로 취급되며 재 요청하여도 아직 프래쉬한 데이터라 판단하고 캐싱된 데이터를 사용한다. GcTime은 메모리의 가비지 컬렉터를 생각하면 이해가 편함 해당 시간이 지나면 데이터를 재 패칭하도록 삭제한다. 혹여나 전역 queryClient 인스턴스의 메서드인 prefetchQuery로 다음 진입페이지에 대한 데이터를 미리 패칭하여 캐싱한다고 하여도 staleTime.. 2024. 3. 21. import BaseUrl 지정하기 import BaseUrl 지정하기 { "compilerOptions": { "baseUrl": "src" } } 위와 같이 선언하면 ../../../ 같은 Url 선언할필요가 없어지게 된다. Root path를 지정하여 연결하면 끝 jsconfig.js 에서 연결해주면된다. Vscode 같은 환경에서도 jsconfig를 사용하여 live서버나 lite-server 이용시에 로컬에서는 사용 가능하다 IDE가 모듈 해석을 돕기때문에 .. 서버에 올리면 이는 적용 되지않는다. 물론 이외 CRA 같은 앱의 경우 웹팩을 통한 번들을 하기 때문에 자동 매핑된다. 결론은 웹팩이나 기타 도구로 번들링한다면 할거면 jsconfig의 baseUrl을 설정하라~ 2024. 3. 14. [Programmers / JavaSciprt ] Lev.1 수박수박수박수박수? [TEST] 길이가 n이고, "수박수박수박수...."와 같은 패턴을 유지하는 문자열을 리턴하는 함수, solution을 완성하세요. 예를들어 n이 4이면 "수박수박"을 리턴하고 3이라면 "수박수"를 리턴하면 됩니다. [입출력 예] 입력 값 출력 값 3 "수박수" 4 "수박수박" 단순하게 입력값에 길이에 맞게 "수","박" 의 글씨를 맞춰서 출력하면 되는 예제였다. for문을 쓸까 하다가 고차함수로 조금 간략하게 해보고 싶어서 고민해봤다.. 개발자라면 코드의 "가독성"이 하나의 생명아닌가 #Solution 1 const solution2 = (n) => { const waterMelon = "수박"; return (waterMelon.repeat(Math.ceil(n/waterMelon.length)))... 2024. 2. 15. 이전 1 2 3 다음
