최근들어 프로젝트를 하다보면 자잘한 오류가 많이 난다.
자잘하다고 무시하면 안되는게, 코드 한줄만 잘 못써도 렌더링이 안되서 화면이 흰바탕이 된다.
내가 왜 이렇게 오류가 많이 날까? 생각해보니 나는 참 나쁜 습관을 가지고 있었다.
그래서, 나쁜 습관을 고치기 위한 강력한 해결방법이 필요했다.
난 오늘부터 프로젝트를 하면서 오류를 마주치면,
그 오류의 원인을 파악하고, 해결하는 그 과정을 모두 블로그에 적기로 했다.
어떤 오류는 1시간, 어떤 오류는 2일이나 걸려 해결하기도 하지만,
결론적으로는 문제원인이 무엇이었고, 어떻게 해결했는지가 중요하다고 생각한다.
문제를 차근차근 해결해나간다면, 앞으로 마주할 문제의 경우에는 걸리는 시간이 줄어들 것이다.
<좋은 해결방법>
1. 영어로 된 에러코드를 읽고, 직관적으로 해석한다.
2. 구글링을 통해, 공식문서를 읽으면서 하나하나 오류의 원인을 체크한다
3. 블로그 보다는 웬만하면 공식문서를 읽는다
<나쁜 해결방법>
1. chatgpt 써서 코드짜기
=> 생각을 정지시킴 + 오류 구더기
chatgpt는 오히려 오류가 더 날뿐더러, 코드 복사만 해대니 코딩실력은 안느는데, 시간만 소모하게 된다.
2. 오류를 일부분만 읽고 넘겨버리기
=> 정확하게 오류를 잡아내지 못하고, 반복적인 시간소모만 하게 될 수도 있다.
3. 초기세팅에서 썼던 코드를 아예 밀어버리기
=> 리액트 등 버전마다 사용하는 특수한 메소드가 존재하는데, 버전 호환에 문제가 생길수도 있다
gpt는 코딩공부의 적, 오류 구더기를 생산한다!!!!진짜 리얼 센세임내가 계속 꼬치꼬치 질문해도 친절하게 답변해줌
아무것도 모르겟다 하고 지피티한테 코드 짜달라고 시키면 안되겠지만새로운 개념이나 코드를 읽을때이해가 안된다고 생각이 되면특정 부분을 찝어서 이건 무슨 뜻이야? 이걸 써서 얻는 효과는 뭐야?A와 B의 차이점은 뭐야? 이런식으로 물어보셈공부에 진짜 도움되고,구글링하면서 에너지 번아웃 오는 것을 정말 줄일 수 잇음1:1 지치지 않는 과외쌤이랑 같이 공부하는 수준임 ㅎ
'React' 카테고리의 다른 글
(transition)컴포넌트 전환 애니메이션 만들기 (0) | 2023.04.08 |
---|---|
리액트에서 탭 UI 만들기 (0) | 2023.04.08 |
axios 로 데이터 불러오기 (0) | 2023.04.06 |
axios 로 get 요청하기 (0) | 2023.04.04 |
useEffect 사용조건 총정리 (0) | 2023.04.03 |