[Prettier] Prettier를 세팅할 때 타입스크립트를 생각해야합니다

---

상황 : .prettierrc 파일에 따로 typescript 설정을 해두지 않았습니다.

 

문제는 아래와 같았습니다.

const [position, setPosition] = useState<PositionType>({ x: 0, y: 0 });
const [dragging, setDragging] = useState<boolean>(false);
const [rel, setRel] = useState<PositionType | null>(null);

// 위와 같아야 하던 코드가 Prettier 세팅으로 인해 아래와 같이 변경됨

const [position, setPosition] = useState < PositionType > { x: 0, y: 0 };
const [dragging, setDragging] = useState < boolean > false;
const [rel, setRel] = (useState < PositionType) | (null > null);

 

원인 : .prettierrc 파일에 parser가 babel로 세팅되어있었습니다.

 

해결법 : parser를 babel-ts 또는 typescript로 변경합니다.

parser: "babel-ts", // 사용할 파서(혹은 "typescript" 사용) (이전에는 parser: "babel" 이었음)

---

End