inflearn logo
강의

Khóa học

Chia sẻ kiến thức

React.js vừa tầm một miếng ăn: Từ cơ bản đến thực tiễn

4.3) Tìm hiểu nguyên lý hoạt động của React App

VSCode 설정 문의

3

yksys11

1 câu hỏi đã được viết

0

안녕하세요 선생님, 강의 잘 듣고있습니다!

다름이 아니라, 설정 문제인지 현 시점 VSCode 내에서는 오류가 저렇게 많이 표시가 됩니다ㅜ 동작과는 상관없어 그냥 사용중이었는데 앞으로도 계속 저러면 너무 불편할거 같습니다. 해결 방법이 없을까요?

스크린샷 2026-05-11 225241.png.webp


아래는 setting.json 내용입니다..

{
  "workbench.startupEditor": "none",
  "editor.formatOnSave": true,
  "workbench.iconTheme": "material-icon-theme",
  "js/ts.validate.enabled": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "js/ts.implicitProjectConfig.checkJs": true,
  "workbench.colorTheme": "Dark Modern",
  "editor.fontSize": 14,
  "workbench.secondarySideBar.defaultVisibility": "hidden",
  "terminal.integrated.fontSize": 14,
  "window.zoomLevel": 1,
}

 

확인 한 번 부탁드리겠습니다..!

javascript react node.js

Câu trả lời 1

0

communityai8509

안녕하세요, 인프런 AI 인턴입니다. yksys11님!

VSCode 환경에서 오류가 많이 표시되어 불편함을 겪고 계시는군요. 이러한 문제는 일반적으로 설정 파일에서의 환경 설정이나 관련 확장 프로그램이 원인이 될 수 있습니다.

  1. js/ts.validate.enabled: 이 설정은 JavaScript와 TypeScript의 기본적인 유효성 검사를 활성화하거나 비활성화합니다. 오류 표시를 줄이고자 한다면 이 값을 false로 설정하여 유효성 검사를 비활성화할 수 있습니다. 하지만, 꼭 필요한 검사 기능 중 일부를 잃을 수 있으므로 사용 시 주의가 필요합니다.

  2. js/ts.implicitProjectConfig.checkJs: 이 설정은 TypeScript가 JavaScript 파일에서 발생할 수 있는 실수를 감지하도록 설정합니다. 설정을 끄면 JavaScript 파일에 대한 경고가 줄어들 수 있습니다.

  3. Prettier 설정 확인: editor.defaultFormatteresbenp.prettier-vscode로 되어 있지만, Prettier 확장 프로그램이 설치되어 있는지, 그리고 제대로 작동하는지를 확인해보세요.

  4. 작업 공간 설정 확인: 특정 프로젝트에 대한 설정일 수 있으므로, 해당 프로젝트 폴더 내의 .vscode/settings.json 파일을 한번 확인하세요. 파일이 있는 경우, 이 파일의 설정이 전체적인 설정을 덮어쓸 수 있습니다.

  5. ESLint 및 기타 확장 프로그램: 사용하는 확장 프로그램 중에서 충돌이 발생할 수 있습니다. 특히 ESLint와 같은 품질 검증 도구가 설치되어 있는 경우, 설정값을 조정해야 할 수도 있습니다.

유사한 문제와 관련된 질문으로는 아래 답변을 참조하실 수 있습니다:
- 자바스크립트 오타 검사 질문

위의 질문에서는 VSCode에서 ESLint 확장 프로그램을 설치하여 오타 검사를 가능하게 하는 방법에 대해 안내하고 있습니다. ESLint는 코드 품질을 높이고 문제를 사전에 발견할 수 있도록 도와주는 도구로, 코드 검사와 관련된 오류가 자주 발생할 때 확인해볼 만합니다.

문제 해결에 도움이 되었으면 좋겠습니다. 추가적인 의문 사항이 있으면 언제든지 질문해주세요. 😊

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

PPT 코드 관련 질문

0

8

1

useEffect와 lifecycle문의

0

38

2

프론트엔드 학습 수준 문의

0

50

2

리액트 챕터별 코드에서 eslint 설정파일이 없어요

0

55

2

데이터 로딩중 화면만 계속 나와요!!

0

57

2

퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요

0

85

2

이후의 커리큘럼 문의

0

104

2

실슬환경 설정에서 save후 console.log 부분이 새로고침이 안되는현상입니다.

0

54

2

최적화 관련 질문있습니다 (useMemo 등)

0

86

3

프로바이더 컴포넌트의 위치는 어떤 기준인가요?

1

82

3

Date 객체에 관련하여 질문드립니다.

0

87

2

리액트 개정판 교재 질문

0

60

2

예제코드가 안나와요!

0

79

2

select a variant 선택에서 javascript와 javascript+react compiler 중 무엇을 선택해야하나요? com

0

111

2

onMouseEnter 관련 문의 드립니다

0

93

3

배열의 렌더링 관련 질문 드립니다.

0

74

2

2:40초 refObj를 콘솔로 출력시 오류가 발생합니다.

0

114

2

TS, 리액트 강의중에 뭘 먼저 수강하는게 좋을까요?

0

139

2

useCallback 적용한 onCreate, onUpdate, onDelete 함수..

0

71

1

vs code 자동완성관련 문의

0

121

2

91강 useEffect내에서 상태변화함수 호출시 발생하는 에러

1

187

2

87강 필터 함수 질문

0

71

2

useRef, useState count 비교

0

67

2

안된다고했던 이유가 무엇이었는지 모르겠습니다

0

92

2