프로젝트를 개발하다 보면 늘 다양한 버그를 접하게 되는데, 빠르게 버그를 찾고, 분석하고, 해결하는 것이 저에게는 가장 큰 과제입니다.
그러므로 먼저 프로젝트 개발에서 어떤 유형의 오류가 자주 발생하는지 명확히 해야 합니다.
오류 유형에는 세 가지 주요 범주가 있습니다.
1. 문법 오류
문법 오류가 오류의 형태로부터 어떻게 수정되어야 하는지 명확히 합시다. 소위 문법 오류는 ID 개발 도구를 사용할 때 발생하는 오류 유형입니다. 예를 들면 다음과 같습니다.
변수를 정의할 때 const를 가정하고 const를 작성할 때 단어에 철자 오류가 있으면 이를 문법 오류 라고 부를 수 있습니다 . 이러한 유형의 오류는 VSCode에 내장된 개발 도구를 사용할 때 사용됩니다. 분명한 빨간색 물결선이 나타나면 코드 오류가 발생했음을 알려줍니다. 물론 코드를 작성할 때 문법 오류를 더 잘 수정하기 위해 다른 도구를 사용할 수도 있습니다. 예를 들어 다음을 사용합니다.
- ESLint : 우리가 구현하는 것은 코드의 규칙 제약 조건을 감지하는 작업입니다. 이를 사용하면 일부 문법 오류를 피하는 데 더 도움이 될 수 있습니다. 대괄호가 일치하는지 분석합니다.
- Prettier : 코드 도구는 문법 오류를 수정하는데 왜 Prettier 코드 서식 도구가 문법 오류를 수정할 수 있을까요? 구문 오류가 발생하면 코드 형식 지정 프로세스가 실패하기 때문에 코드를 작성할 때 해당 오류 메시지가 다른 위치에 표시된다는 점을 분명히 했습니다.
- Code Spell Checker : 코드를 작성할 때 코드가 잘못 작성되었는지 여부를 확인하는 코드 맞춤법 검사기 플러그인이기도 합니다.
- Error Lens : 문법 오류를 실시간으로 표시하는 도구입니다.
- GitLens : 구문 오류를 처리할 때 버전 롤백 관리를 통해 현재 위치를 확인하는 데 도움이 될 수 있습니다.
전체적으로 우리의 구문 오류는 개발 환경에서 발생하는 오류 유형으로, 다양한 도구와 개발 습관을 사용하여 버그를 찾아 피하고 해결할 수 있습니다.
2. 컴파일 오류
컴파일 오류란 무엇입니까? 컴파일 오류는 프로그램이 실행될 때 발생하는 오류 유형입니다.
- 콘솔 오류 메시지 보기
- 예외 잡기 (try-catch)
- 벌채 반출
콘솔을 통해 에러 메시지를 볼 수 있는데, 이때 우리의 능력을 향상시켜야 할 요구 사항이 있을 것입니다. 콘솔 정보를 이해할 수 있습니까? 콘솔 에러 메시지를 이해할 수 없다면 방법이 없습니다. 현재 문제가 무엇인지 분석해 보세요. . 콘솔의 오류 메시지를 이해할 수 있다면 프로그램에서 try-catch를 시도하거나 로그 기록을 사용하여 어떤 상황에서 컴파일이 발생하는지 명확히 할 수 있습니다. 오류, 따라서 프로그래밍 오류를 일으키는 능력은 주로 다음에 있습니다. 기존 문제를 보고 분석하는 능력.
3. 논리적 오류
논리적 오류란 무엇입니까? 구문 오류나 컴파일 오류는 발생하지 않습니다.
그렇다면 어떻게 해결해야 할까요?
- 콘솔 인쇄: 콘솔의 기능은 매우 강력합니다.예를 들어 콘솔 인쇄 처리는 console.log뿐만 아니라 console.debuger, console.error...도 인쇄하여 문제가 발생한 위치를 확인합니다.
- 프로그램 디버거: 디버거를 사용하여 우리가 지정한 프로그램 위치에 중단점을 설정합니다. 조건부 중단점을 설정할 수 있습니다: 조건이 충족되면 일시 중지하고 특정 조건에서만 특정 논리를 디버깅할 수 있습니다. 따라서 이때 프로그램 디버거를 사용하는 것이 매우 유용합니다.
- 도구 중단점 디버깅
TypeScript를 사용하여 버그를 줄입니다.
- 정적 유형 검사
- 유형 주석 및 추론
- 오류를 조기에 포착하세요
- 스마트 코드 완성
- 코드 가독성 및 유지 관리성
버그 처리는 단순한 기술이 아니라 프로세스이며, 팀 협업과 개인적 성장을 위한 더 좋은 기회입니다!