공식문서를 보자(22.10.04TIL)
이번주를 시작하면서 많이 걱정이 되었다. 강의 인출 내용도 그렇고, 첫날 자바스크립트 문법과 익숙하지 않은 채로 코딩도장을 맞닥뜨리고 머리가 멍해졌기 때문이다. 특히 처음 스파이럴 매트릭스를 봤을때 머릿속으로 바로 뽑아낼 수 있는 로직이 맞나 하는 생각도 들었다.
그나마 다행인점은 이제 메가테라의 루틴에 어느정도 적응된 탓인지 아무리 어려운 강의 인출 내용이 나와도 정확하게 인출 시간과 퀘스트 과제를 하는 시간이 분리되어서 균형잡힌 시간투자를 할 수 있게 되었다. (무리한 인출보단, 내 한계를 인정하고 강의 따라치기!)
오늘도 어려운 문제를 하나 겪었는데, 생각보다 잘 해결된 것 같아서 그 부분에 대해 돌아보고자 한다.
투두리스트
주말부터 리액트 강의 인출을 하고 보니 투두리스트와 강의 내용이 상당수 일치하는 것을 볼 수 있었다. GET, POST, PUT, DELETE 총 4가지의 HTTP method를 사용해서 과제를 구현해야 했는데, 그중 GET과 POST는 강의에서도 이미 구현한 내용이라서 별 문제없이 진행할 수 있었다. 하지만 put과 delete메서드는 어떻게 해결해야 할지 조금 감이 오지 않았다.
공식 문서를 보자
axios
강의에서 axios를 통해 get과 post요청을 처리한 것을 떠올리고 Axios공식 문서에 들어가 보았다. 다행히 내가 찾던 HTTP 요청 메서드들을 활용할 수 있는 방법이 기록되어 있었다.
이렇게 순탄하게 과제가 끝나가나 싶었지만, 또 다른곳에서 문제가 생겼다. put과 delete를 핸들러에서 사용하려니 404에러가 발생했다. 요청 url문제인 것 같아서 구글링을 해보다가 url뒤에 쿼리+id 붙여서 접근해보라는 해결책을 얻었다. (?id=1 이런식으로) 하지만 get요청으로는 제대로 얻어지는데 다른 요청메서드를 사용하니 여전히 404에러가 발생했다.
json-server
axios문제라고 생각해서 axios 공식문서와 구글링을 계속하던 도중에 문득 서버의 db를 관리하는 라이브러리가 뭐였지 떠올려보았다. json-server 라이브러리의 공식문서를 보면 해결책이 있지 않을까하는 생각이 들어 얼른 찾아가서 뒤져보니 해결책이 있다!
id값을 쿼리로 처리할 필요도 없이 /id형태로 넣어주니 문제없이 put, delete요청이 처리된다. 이렇게 쉬운거였다니 ㅠㅠ
일반 블로그에서 손쉽게 정보를 얻을 수 있지만, 궁극적인 해결책은 될 수 없다는 것을 느낀 것 같다. 앞으로 어려움을 겪는 부분이 생기면 어느부분이 정확히 문제인지 적어보고, 해당 문제를 해결할 수 있는 공식문서를 참고하는 습관을 들여보자!
액션플랜
1. 막히는 부분 발생 -> 정확히 내가 겪는 문제점이 무엇인지부터 적기
2. 해당 문제점을 겪고있는 의존성의 공식문서를 찾아보기