프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 5. 11. 08:30
타입스크립트는 기본적으로 변수 또는 함수에 리턴 형식을 명시해 주어야 합니다. 그리고 이 Typescript를 React와 같이 사용할 때 함수형 컴포넌트는 React.FC라는 형식을 가지게 됩니다. import React from 'react'; import { AppProps } from 'next/app'; function App({ Component, pageProps }: AppProps): React.FC { return ; } export default App; 하지만 타입스크립트에서 함수형 컴포넌트 사용시 React.FC를 사용하지 말라는 글(링크)이 있습니다. 그 이유는 defaultProps가 잘 동작하지 않는 경우가 발생할 수 있기 때문입니다. 그래서 저 또한 React.FC를 사용하..
프로그래밍 언어/웹 프론트엔드 우주개발자(SpaceDev) 2020. 5. 10. 18:05
Prettier와 ESLint를 프로젝트에 적용하던 중 아래과 같은 오류가 ESLint에서 발생했습니다. Delete `␍` eslint (prettier/prettier) 사실 ESLint에서 발생하는 오류라서 실행은 정상적으로 되지만, 이러한 오류는 엄청 거슬리기 때문에 이러한 오류를 해결하기로 결심했습니다. 가장 간단한 방법으로는 엔드라인 시퀀스를 변경하는 방법입니다. 사진 순서대로 빨간색으로 체크한 부분을 따라가면 문제가 해결됩니다. 하지만 이러한 End Line Sequnce를 인위적으로 수정하는 방식은 근본적인 해결방법이 아닙니다. 또한 모든 파일의 End Line Sequnce가 CRLF이므로 일일히 변경하는 것도 귀찮습니다. 그러므로 근본적인 원인인 ESLint 자체에서 수정을 해주는 방법..
