ESLint

[ESLint] 특정 파일에서 특정 rule을 disable시키는 방법

[

types.ts파일 안에 모든 type들을 다 정의해 놓는 중이었다. // Block export interface IMatrix { ... moveBlock(matrix: MatrixState, block: IBlock): void; } export interface IBlock { ... new (options: BlockOption): IBlock; updateColor(matrix: MatrixState, $matrix: IMatrix, color: number): void 근데 IMatrix 의 moveBlock에서 IBlock쪽에 다음과 같은 에러가 나왔다. 'IBlock' was used before it was defined. 그래서 막 찾아본 결과 다음과 같은 2가지 방법을 알아냈다. 파일...

React Tetris 따라만들면서 배운것들

R

document.hidden 현재 탭이 활성상태인지(보이는지) 체크하는 속성값이다. document.addEventListener("visibilitychange", function() { console.log(document.hidden); }); 위 코드를 console창에 입력하고 해당 브라우저에서 탭을 새로 만들어서 왔다리 갔다리 해보면 log에 true -> false -> true 이런식으로 찍히는걸 볼 수 있다. parseInt parsetInt(string, radix) 두번째 인자인 radix는 해당 string을 몇진수로 해석할건지를 의미한다. parseInt 함수는 특정 radix(진수)값에 따라 문자열 아규먼트 내용의 해석을 하고, 그 영향을 받은 정수 값을 생성합니다...

ESLint 기본적인 사용법

E

설치하기 npm install eslint --save-dev 설정파일 만들기 프로젝트 폴더의 최상위 위치에 .eslintrc.js 파일을 생성해준다. .eslintrc.js 심플예제 module.exports = { "rules": { "semi": ["error", "always"], "quotes": ["error", "double"] } }; "semi": ["error", "always"] : 세미콜론은 항상 써줘야 하고, 안쓰면 에러를 내뿜는다 "quotes": ["error", "double"] : 따움표는 큰따움표를 써줘야하고, 안쓰면 에러를 내뿜는다 에러의 단계 off "semi" : ["off", "always"] : semi콜론을 항상 붙여야 하는 규칙을 꺼버린다. 다시말해 규칙을...