반응형
ESLint는 자바스크립트 코드를 작성할 때 개발자 취향에 따라 탭을 쓸지, 스페이스를 쓸지, 몇 칸을 쓸지를 일관성있게 관리해 주는 도구이다. 만약 ESLint에 설정된 규칙에 맞지 않는 코드가 작성되었을때 오류로 표기되고 Prettier라는 도구로 한번에 정리할 수 있다.
이 두 확장프로그램은 VS Code에서 설치할 수 있다.
위 이미지처럼 탭이나 띄어쓰기가 설정된 규칙과 일치하지 않을때 오류로 표기해준다.
이럴때 F1을 누르고 Format Document를 선택하면 기본 포맷터를 선택하라고 나오는데 ESLint를 선택하면 된다.
이 설정을 활성화하면 저장할 때마다 코드를 자동으로 정리된다.
반응형
'React Native' 카테고리의 다른 글
StyleSheet로 컴포넌트에 스타일 입히기 (0) | 2022.02.05 |
---|---|
컴포넌트 속성 - props, defaultProps (0) | 2022.02.05 |
나만의 컴포넌트(Component) 만들기 (0) | 2022.02.05 |
React Native 프로젝트 살펴보기 (0) | 2022.02.04 |
React Native 프로젝트 시작하기 (0) | 2022.02.03 |