본문 바로가기

React

2024.2.20 기록 (프로젝트를 하며 나온 자잘한 실수)

 

깃허브에 push 할 때 발생 할 수 있는 오류

 

새로운 프로젝트를 진행하면서 보통 마주하는 오류이다.
보통 리포지토리 생성을 조금 늦게 진행하는 경우 발생,

 

reject가 발생하기 때문에 git pull을 진행 한 후 재차 git push를 하게 된다. 

 * branch            main       -> FETCH_HEAD
fatal: refusing to merge unrelated histories

 

그 때 이런 오류가 발생하는데, 

원인은 깃허브에서 생성한 히스토리와 로컬에서 진행한 히스토리의 충돌(없는 기록)이 발생하기 때문에 발생하게 된다.

따라서 다음과 같이 진행해주면 해결이 된다.

git pull origin main --allow-unrelated-histories

이후 다시 git push를 진행하자

 

 

vite을 이용하여 작업을 진행시 EsLint 오류 규칙을 추가해보자.

 

 

 

작업중에 다음과 같은 오류들이 잔뜩 발생

 

해당 오류들의 공통적인 부분은 다음과 같다. prop의 타입을 정하지 않았기 때문에 발생한 것으로

자바스크립트 환경에서는 고려하지 않아도 되는 부분이다.

 

vite으로 프로젝트를 생성시 .eslintrc.cjs 파일이 존재한다.

  rules: {
    // "react/prop-types": "off",
    "react/jsx-no-target-blank": "off",
    "react-refresh/only-export-components": [
      "warn",
      { allowConstantExport: true },
    ],
  },
};

 

거기서 react/prop-types를 'off' 로 새로운 규칙을 추가해주자.

 

위에서 말했듯, 현재 자바스크립트 환경에서 진행하기 때문에, 해당하는 오류는 직접적인 문제로 연결되지 않으나,

타입스크립트 환경에서 작업을 한다면 고려해야하는 규칙이다.