자바스크립트 (Nodejs, Reactjs) 등 언어를 떠나 코딩을 하다 보면 한번에 완벽한 문법과 완벽한 구현으로 에러 없이 작성 할 수는 없다. (물론 완전 고수분들은 가능할수도 ㄷㄷ.. 난 아직 멀었당)
대표적으로 자주 뜨는 에러들을 3가지로 정리 할 수 있겠는데
*Syntax Error
*Runtime Error
******Logical Error
등이 있겠다.
**Syntax Error
Syntax Error는 자주 봤을 것이다. 자주 봤다는 것은 그만큼 찾아서 고치기도 쉽다!! 간단한 예로
const 의 t 가 빠졌다.. 즉 애초에 콘솔에 어디 부분인지 어느 부분의 철자가 틀렸는지도 자세히 알려주기 때문에 가장 해결하기 쉬운 에러 중 하나가 되겠다. (ex {} 를 []로, [] 를 {}로, ','를 '.'로)
***철자 에러이니 당황하지말고 어디가 오타가 났는지 어디를 헷갈려서 잘못된 괄호나 문법을 썻는지 확인후 fix ***
** Runtime Error
철자, 문법 다 이상없다. 싹다 통과~ 했지만 에러가 떠버렸다. 파일이 런타임에서 돌아가는 동안에 발생하는 에러로서
아래와 같은 에러메세지가 뜬다. 무작정 바로 에러메시지를 복사해서 구글에 검색해보는 것보다 보게되면 사진의 중간 쯤에 Caanot set headers~~~로 대략적인 에러 원인을 알려주고 구체적으로 어느 경로의 파일의 몇번째줄에서 일어났는지 알려주기 때문에 한 번 관련된 코드에서 문제되는 부분을 찾아보면 되겠다. 본인은 nodejs 연습 중에 response 헤더와 관련해서 에러가 떳다.
*******Logical Errors
한 마디로 정의하면 본인 착각의 본인 실수다.
철자, 문법, 런타임환경에서의 에러 없음, 실행? 되긴 됨 근데 본인이 예상한 것과 다른 결과. 그렇다면 본인이 짠 코드의 어딘가가 예상한 값과 다른 값을 도출하게 짜여져 있는 것이다. 이 에러같은 경우는 에러메시지가 뜨지 않기 때문에 다시 한 번만 생각해보면 문법적으로도 틀린게 없으니 컴퓨터는 거짓말은 안하니 한번 알아서 니 코드 다시 니가 봐봐라 라는 것이다. 본인이 짐작가는 로직 근처를 훑는 것과 디버거를 이용해서 단계별로 어디 까지 본인이 예상한 값이 잘 전달되고 있는지 한번 확인해보면 되겠다.
에러가 떳다고 당황하지말고 어디부분이 틀렸을까 한 번 스스로 처음부터 훑어서 성공하게 되면 그것만큼 좋은 자기 피드백이 없는것 같다.