아니 자꾸 뭔 에러가 자꾸 나!!!!!!!!!!!!!!!!!!!!
아니 오픈 API는 이제 대강 가져오는 법을 알았는데 백엔드 거 가져오는걸... 배웠는데 너무 어렵다 미친 거 같다
백엔드가 왜 있는거지 전국에 있는 모든 백엔드 개발자분들 죄송합니다 저는 빡대가리라 너무너무어렵습니다
오류 1
async로 비동기 처리를 하는데 잘 나오나 안 나오나~~ 콘솔로 찍어보니 자꾸 리액트 개 큰 화면에서 개 큰 오류창을 띄우는 것이다
리액트 오류창 너무 무섭게 생겼다 누가 만든거지? 리액트 만든 사람이겠지 뭐...
암튼 닫고 나서 콘솔을 확인해보니 자꾸 언디파운드 하면서 안 받아오길래 코드를 새로 짜기 x 1000 했다
멘토님과 같이 머리를 싸매(사실 걍 멘토님이 다 찾아주셨다 나는 샤우팅만 했다), 해결 방안을 찾았다
해결 방안
-
스펠링 문제
틀리지 마라... 자꾸 컴포넌트를 왜 componente 라는 이상한 말로 만드는 거냐..... 영어 수준이 신생아보다도 못한 나의 잘못이다 앞으로는 작명을 하면 무조건 복붙해서 넣는 방법으로 하기로 했다.... -
비동기 처리에 대한 이해도 부족
비동기처리라는 말 자체가 쫘르르 코드를 실행시켜주다 문제점이 생기면 움? 뭐고 하다가 남일! 하고 문제점이 생긴 코드는 예외하고, 바로 다음 코드를 실행해주는 것이었다......
작업 속도가 빨라서 좋긴 한데...... 나는 api 호출 문외한이라 그냥 화면에만 잘 뜨고 하면 되는 줄로만 알아 뭐가 문제지??? 어디서 문제지??? 하고 뻘짓만 삼만시간했다
근데 아직도 이거 못 해결했다 ... 이 부분은 해결하게 되면 보완해서 다시 글을 쓰겠다 일단은 오늘 뭘했는지 기록하는 것에 의의를 두기로 했다...
오류 2
이건 생각지도 못한 오류였다
프록시 문제였는데 왜 생각지 못했냐면 그냥 몰랐기 때문이다
나는 여태까지 언어만 공부하느라... 실무 부분에선 걍 말하는 똥이었다
근데 이제보니 언어부분도 걍 똥인거 같다
나는 똥이다 우하하 ㅋㅋ
아무튼 백엔드에서 보낸 정보를 자꾸 받아오지 못해 어어어? 하다가 멘토님이 역시 알려 주셨다
package.json 파일을 열어 맨 마지막에 "proxy" : "백엔드 ip 주소" < 이걸 넣으니 쌈뽕하게 잘 받아와졌다
내가 지금 만드는 건 투두리스트 웹이라, 인풋창에 사용자가 입력한 값을 div 박스에 바인딩하는 걸 원했다
근데 그냥 서버에 있는 데이터를 바로 뚜따!!!! 하고 넣으니 안돼서 챗지피티의 도움을 받았는데.....
이렇게 쌈뽕하게 잘 들어갔다
헌데 그럼 데이터가 많아지면 저걸 일일이 또 넣어서 해야하는 걸까? 그런 의문이 들었다 좀 더 확장성 있게 쓸 순 없을까?... 좀 더 고민해봐야겠다 일단 오늘의 일지는 이걸로 시마이............
오늘 하면서 내 실수로 멘토님의 시간을 너무 잡아먹고 괜히 골머리 아프시게 만들어 죄송했다..... 그치만 절 버리지 말아주세요 암세포도 생명이잖아요.....................
+++ 번외
포스트맨이라는 프로그램을 처음으로 써봤다!
검은색으로 가려진 부분은 백엔드 분의 IP
API 명세서에 있는 베이스 url과 엔드포인트를 넣고 샌드해버리면 바디에 정보가 뜬다!!!!!! 저걸로 데이터가 잘 있는지 없는지 알 수도 있다 하신다 우와!!!!!!!!!!
