분류 전체보기

error Parsing error: ESLint was configured to run on `/.eslintrc.js` using `parserOptions.project`: ~ However, that TSConfig does not include this file. Either: - Change ESLint's list of included files to not include this file - Change that TSConfig to include this file - Create a new TSConfig that includes this file and include it in your parserOptions.project See the typescript-eslint docs for..

npm run lint 를 실행했는데 아래와 같은 에러가 발생하였습니다. Error [ERR_REQUIRE_ESM]: require() of ES Module Instead rename .eslintrc.js to end in .cjs, change the requiring code to use dynamic import() which is available in all CommonJS modules, or change "type": "module" to "type": "commonjs" 1/package.json to treat all .js files as CommonJS (using .mjs for all ES modules instead). 에러가 발생한 이유는 여러가지입니다. 저의 경우 제 프로..

1. ERROR 타입스크립트를 구성하다보면 `No inputs were found in config file` 이러한 에러가 발생할 때가 있습니다. 2. 해결법 1. TS 파일 추가 이 에러의 주된 원인은 `.ts`파일이 하나도 없기 때문에 발생한다. 따라서 아무 `.ts`파일을 만들면 에러가 해결되는 경우가 많다. 위 방법대로 했다면 그 다음에 2번 방법처럼 IDE을 다시 시작하는 것을 추천합니다. 2. IDE 다시시작 때때로 알수없는 원인으로 에러가 발생하는 경우가 있다. 이럴때는 IDE를 다시 시작하면 에러가 사라질 때도 있습니다. `cmd + shift + p`를 누른 다음 `>reload` 만 입력해도 아래처럼 뜬다. `Developer: Reload window`를 누르면 된다. 3. tsco..

overview 이 글에서는 여러 옵션중 `files`, `include`, `exclude`에 대해서 다룹니다. { "compilerOptions": { "out": "test.js" }, "files": [ "literal.ts" ], "include": [ "**/*.ts" ], "exclude": [ "node_modules", "tests/**/*.spec.ts", "utils/t2.ts" ] } 1. files 프로그램에 포함할 파일의 허용 목록을 지정할 수 있습니다. 파일을 찾을 수 없으면 오류가 발생합니다. { "compilerOptions": {}, "files": [ "core.ts", "sys.ts", "types.ts", "scanner.ts", "parser.ts", "utilit..

이 글에서 사용되는 yarn은 yarn berry를 지칭합니다. 해당 글은 공부하면서 계속 내용이 추가됩니다. (다른 비교 글에서 주로 다루지 않은 주제 먼저 다룹니다.) 1. peer dependencies 1) 동작방식 npm/pnpm은 비슷하고 yarn은 완전 다르게 동작한다. npm yarn npm 하고 pnpm은 A라는 패키지를 설치했을 때 peerDependencies에 리스트되어있는 패키지가 설치되어있지 않으면 자동으로 peerDependencies를 설치해준다. (npm은 v7 부터 ) 하지만 yarn은 자동으로 설치해주지 않고 경고만 한다. 예시로 `react-dom`의 `peerDependencies`는 `react`이다 따라서 `react`를 설치하지 않고 `react-dom`을 설치..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 풀이 문제를 읽어보면 핵심은 일직선으로 내려갈 수 없다. 고려해야할 사항 1. 행에 같은 점수가 있는 경우 한 행에 같은 점수가 있는 경우도 고려하셔야 합니다. [[4, 3, 2, 1], [2, 2, 2, 1], [6, 6, 6, 4], [8, 7, 6, 5]] => 20 2. 무조건 최댓값을 고르면 안된다. [[1, 2, 3, 4], [2, 3, 4, 100]] => 103 간단한 예시로 첫 번째 행에서 최댓값인 4를 고르면 두 번째 행에서 100을 고를 수 없기 때문에 이 부분도 고려해야 합니다. 미..

eslint에 대해 알아보자 ESLint는 코드 품질을 개선하고 런타임에 버그가 발생하지 않도록 사전에 버그를 수정하는 데 도움이 되는 linter입니다. 또한 향후 디버그하기 어려운 문제를 방지하는 데 도움이 됩니다. JSLint, JSHint와 같이 다른 JavaScript 정적 분석 도구들도 있지만, ESLint가 커스터마이징이 쉽고 확장성이 뛰어나 많이 사용되고 있는 추세 입니다. ESLint는 스타일 가이드를 조금 더 편리하게 적용하기 위해 사용되기도 하는데, 외부에 공개되어 많은 개발자가 사용 중인 Airbnb Style Guide, Google Style Guide가 그 대표적인 예입니다. 사용법 1. 제일먼저 터미널에 아래의 명령어를 입력해줍니다. npm init @eslint/config..

css css는 마크업 언어로 작성된 웹 페이지에 스타일을 추가하는 데 사용되는 가장 인기 있는 스타일 시트 언어 중 하나입니다. 개발자가 색상, 레이아웃, 글골 스타일, 단락 간격, 열 크기 등과 같은 요소를 쉽게 사용자 지정할 수 있습니다. 웹 페이지에 css를 포함한는 방법에는 3가지가 있습니다. 1. 인라인 - style 속성 사용 예시 1 2. 내부 - 태그 사용 예시 제목 예시 2 3. 외부 - 태그를 사용하여 외부 css 파일을 연결합니다. 예시 제목 예시 3 /* styles.css */ p { color: purple; font-size: 20px; } h1 { background-color: yellow; } css의 장점 1. 사용하기 쉽다. css를 사용하면 이제 웹 애플리케이션 전..

next에서 공식문서보고 배우기 시작할 때 무심코 할 수 있는 실수가 있다. 바로 build를 하지 않아서 생기는 에러이다. 에러는 아래와 같이 발생한다. Error: Could not find a production build in the '....' directory. 해결법은 정말 간단하다 yarn next build `yarn next build`를 한 후에 `yarn next start`를 해주면 된다. 즉 파일이 변경된 것 반영시키고 싶으면 항상 `next build`를 해주고 `next start`를 해주면된다. 그럼 우리가 react에서 `npm run dev` or `yarn dev`라는 명령어로 개발자 모드를 한것처럼 당연히 `next.js`를 사용해도 이용할 수 있다. `yarn ne..