천천히 알아가는 세상

안녕하세요. 이번에는 React에서 ESLint 사용할 때 comma-dangle Error 해결하는 방법에 대하여 알아보겠습니다. 1. React comma-dangle 에러 .eslintrc.js 파일에 comma-dangle 추가 0 = 끄기 1 = 경고 2 = 에러 .eslintrc.js module.exports = { extends: ['airbnb-base'], rules: { 'linebreak-style': 0, 'no-console': 'off', 'comma-dangle': 1, }, }; package.json "devDependencies": { "eslint": "^8.31.0", "eslint-config-airbnb-base": "^15.0.0", "eslint-plugin"..

안녕하세요. 이번에는 VS Code에서 ESLint 설정하는 방법에 대하여 알아보겠습니다. 실습환경 React - create-react-app 1. Linting Formatting에 가깝지만 더 많은 규약과 규율을 검사해 주는 작업이다. 웹 개발에서는 Airbnb에서 사용하는 Linting 규율을 많이 사용한다. 2. ESLint ESLint는 코드를 정적으로 분석하여 문제를 빠르게 찾습니다. ESLint는 JavaScript 코드의 문제를 찾고 수정하는 데 도움이 되는 오픈 소스 프로젝트입니다. JavaScript를 브라우저에서 작성하든 서버에서 작성하든, 프레임워크가 있든 없든 ESLint는 코드가 최상의 수명을 유지하도록 도울 수 있습니다. 3. ESLint 설치 설치 시 react 설치한 my..

안녕하세요. 이번에는 VSCode에서 Prettier을 설정하는 방법에 대하여 알아보겠습니다. 실습환경 - React - create-react-app 1. Formatting Code의 스타일을 통일시켜 준다. 문법이 아닌 코드의 스타일을 통일시켜 줘서 가독성을 높이고 버그를 예방한다. Prettier를 사용하여 관리할 수 있다. 2. React 설치 npx create-react-app my-app 3. Prettier 사용자 간의 코드 스타일을 맞춰주는 기능을 한다. 4. Prettier설치 -save : 패키지 모듈에 추가 --save-dev : 개발할 때만 사용, 빌드 & 배포 시 패키지 포함 X cd my-app npm install --save-dev prettier 설치 후 package...

안녕하세요. 이번에는 .gitignore 파일에 대하여 알아보겠습니다. .gitignore git 버전 관리에서 제외할 파일 목록을 지정하는 파일 git에 올리기 전에 제외할 파일들을 gitignore에 추가하여 제외시킬 수 있다. gitignore 파일에 파일을 추가해 놓으면 git status를 입력해도 목록에 있는 파일은 제외하고 보여준다. git에 한 번이라도 파일이 등록되어 있으면 나중에 gitignore에 추가를 해도 제외를 하지 않는다. .txt => txt 확장자 파일 무시 !test.txt => test.txt는 무시하지 않음 test/ => test 폴더 내부 파일 모두 무시 /test => test/ 랑 다를 게 없는 듯... **/test => 어디에 있는지 상관없이 test 폴더를..

안녕하세요. 이번에는 Git의 다른 명령어들에 대하여 간단하게 알아보겠습니다. git commit -am '커밋메시지' git add . + git commit -m “메시지”을 합친 명령어 add를 사용하면 특정 파일만 add를 하는것이 가능하지만 -am을 사용하는 경우 무조건 전체 파일이 올라간다. VS Code와 Git을 연동한 경우 git add 실행한 파일들에 대해서는 VS Code에서도 취소할 수 있지만, commit까지 진행하면 명령어로만 취소할 수 있습니다. git reset HEAD^ 가장 최근 커밋 취소 git reset --hard 0ce0abaf60c834262ce66f954af8f9ffad4487c2 해당 ID 값으로 reset git log git history 내역 확인 com..