본문 바로가기

💻 DEV/NextJS11

[NextJS] EsLint Delete `␍` eslint (prettier/prettier) 에러 해결하기 필요성 Next JS, Nest JS를 다루기 위해 개발단계 초기, EsLint를 설정해줬습니다.(설정방법은 글 하단 링크 첨부) 협업시, 코드의 통일성과 유지보수 등의 문제를 위해 EsLint를 설정한 것에 그치지 않고 발생한 에러에 대해서 해결해보는 시간을 갖고자 합니다. Delete `␍` eslint (prettier/prettier) 에러에 대해 살펴보겠습니다. 접근 1. 발생한 에러 모습 2. 에러 해결방안 제시 방법 1. 발생한 에러 모습 코딩을 하던 중, 각 코드라인 끝에 빨간밑줄이 발생하면서 (구동은 되지만) 굉장히 눈에 거슬리는 상황에 노출됐습니다. Delete `␍` eslint (prettier/prettier) 정확한 에러명칭은 위와 같이 식별이 됐습니다. 2. 에러 해결방안 제시.. 2023. 3. 9.

[NextJS] EsLint 설정하기 필요성 프로젝트에 함께하는 팀원들은 저마다의 코딩스타일을 갖고 있습니다. 때문에 각각의 스타일을 용인한 채, 협업을 하게 되면 훗날 코드를 병합하는 과정에서 수많은 골칫거리를 안을 수가 있겠습니다. 문법 에러를 찾아 표시해줄 뿐 아니라, 프로젝트를 개별적으로 개발할 때에는 놓칠 수 있었던, 코딩스타일의 통일-점검을 해주는 ESLint를 소개하고, 설정하는 방법을 알아보겠습니다. 접근 1. ESLint란? 2. 프로젝트 생성 3. ESLint 설치 4. ESLint 설정 방법 1. "ESLint" 란? "ESLint"는 JavaScript 코드에서 발생된 문제(에러) 패턴을 식별하기 위한 정적 코드 분석 도구입니다. - ESLint를 설정해 적용하는 것만으로도 다수의 손길을 거친 프로젝트가 마치 1명이 개.. 2023. 2. 28.

이전 1 2 다음

티스토리툴바