[TIL] 15주차 월요일. 파이널 프로젝트 개발 시작!!!

오늘 한 일

• 프로젝트 세팅
• 디자이너 님과 미팅
• 맡은 파트의 항목 별 진행 및 마감일 계획 세우기
• 개발 시작
• 메인 페이지 컴포넌트 파일 분리 및 UI 구현 시작

TIL : .eslintrd.js 파일?

팀원 분들이 해결해주신 트러블 슈팅인데 나도 새롭게 배운 부분.
git clone 받은 다음 코딩 시작하기 전에 팀장님이 알려주신 세팅을 하는데 계속 모든 코드에 빨간 줄이 뜨는 문제가 발생했다.
prettier, eslintrc 설정에 문제가 있었는데, endOfLine: 'auto' 를 추가해서 해결.

module.exports = {
    extends: ['next/core-web-vitals', 'plugin:prettier/recommended'],
    // plugins: ['prettier', 'unused-imports'],
    plugins: ['prettier'],
    rules: {
        // 선언되지 않은 변수 또는 임포트 구문 정리 규칙
        'no-undef': 'error',
        // 'unused-imports/no-unused-imports': 'error',

        // 프리티어 설정
        'prettier/prettier': [
            'error',
            {
                singleQuote: true,
                semi: true,
                tabWidth: 4,
                trailingComma: 'all',
                printWidth: 80,
                bracketSpacing: true,
                arrowParens: 'avoid',
                endOfLine: 'auto',
            },
        ],
    },
};

참고 블로그 : https://guiyomi.tistory.com/134

이것은 개행시 crlf 를 쓸것인지 lf 를 쓸것인지의 문제에서 윈도우 사용자와 맥 사용자가 상이해서 생기는 문제라고 하네요 <- 팀장님의 한 줄 요약!