eslint

IT/Front-End

[React] 자주 사용하는 Eslint Rules

2023.09.26

배경 React 프로젝트를 개발하면서 자주 사용하는 eslint rule를 있지만 매번 까먹고 매번 다시 찾는게 귀찮아서 정리해본다. 나는 react/no-unused-vars 는 빨간 줄이 너무 거슬려서 off 한다. JSX 컴포넌트의 프로퍼티를 정렬해주는 react/jsx-sort-props도 가독성 측면에서 유용하다. 다음의 rule들을 React 프로젝트의 .eslintrc.[json, cjs] 의 rules에 추가하면 된다. 이러한 규칙은 React 프로젝트에서 코드 품질을 향상시키고 가독성을 높이며, 접근성을 개선하는 데 도움이 된다. 자주 사용하는 Eslint Rules react/jsx-sort-props: JSX 프로퍼티를 알파벳 순서로 정렬하도록 하는 규칙이다. 코드의 일관성을 유지하고..

IT/Front-End

[FE] React.js + TS + eslint + prettier + bootstrap(with Docker)

2023.07.08

초고 나만무 프로젝트를 진행하며 ReactJS를 TS 기반으로 개발하려고 했다. eslint와 prettier라는 것을 알게되서 써보려고 했는데 에러를 겁나 많이 만났다. 도커 컨테이너를 계속 삭제하고 만드는 것도 귀찮아져서 초기 세팅하는 방법을 문서화했다. 초기 세팅된 템플릿은 계속 쓰려고 깃헙 레포에도 저장했다. 하는 김에 React Bootstrap도 넣었다. 도커 컨테이너: Node.js # 로컬 powershell docker pull node:lts docker images // 도커 엔진에 존재하는 이미지 목록을 출력 docker create -it --name namanmoo node:lts docker ps -a // 모든 컨테이너를 출력 도커 컨테이너 실행 후 VS Code에서 원격 접..

[React] 자주 사용하는 Eslint Rules

[FE] React.js + TS + eslint + prettier + bootstrap(with Docker)

티스토리툴바