[TIL__LoL_트러블슈팅(3)] 3/17 어렵다어려워

1. 함수를 분리하자 안되는 오류

밑의 함수는 위의 훅에서 쓰는 queryFn의 내용을 그대로 복붙해서 분리시킨 함수이다

그런데 분리해주면 저런 에러가 생긴다

는 그냥 내가 형식을 잘못 넣었던 것,,,,

어제부터 안됐었는데 흙흙 강의를 다시 돌려보고 알게 되었다

---

2. use Server가 뭔데?

server API들을 모아놓은 파일에 use server를 추가해보라는 발제문서의 문항에 따라 use server를 추가했다

달라진점은 async 함수만 들어갈 수 있어서 그 파일에서 써서 넣어뒀던 상수들을 다른 파일로 이동해야 했다

그것 말고는 뭐가 달라진건지 알 수 없었다

 

찾아보니 클라이언트 측 자바스크립트 감소, 서버 측 data mutations 등을 가능하게 해주고, 서버 컴포넌트 내에서 만들고 클라이언트 컴포넌트에서도 호출할 수 있다고 한다

 

간단하게 이해하자면 use server를 적음으로 확실하게 이건 서버 컴포넌트이다!라고 명시해줘서 마치 타입을 정해줘서 미리 오류를 막는 것처럼 클라이언트 컴포넌트에서 잘못 호출했을 때 에러 메시지를 띄워준다

그리고 이전에 리엑트에서는 클라이언트단에서 데이터 패치부터 가공까지 전부 했지만, 서버와 클라이언트 사이에 서버 액션이라는 중간 다리가 생겨서 서버단에서 데이터 패치부터 가공까지 전부 해서 클라이언트단에 전달함으로 클라이언트의 부하를 줄일 수 있다
클라이언트 컴포넌트에는 뿌려주기만 하면 된다!

..까지 나는 이해했다

---

동기부여 세션을 듣고,,,

나는 너무너무 부족하구나,,를 다시 한번 더 깨달았고 배울건 무지하게 많구나 저게 내 머릿속에 언제 다 들어오지 들어올 수는 있는건가 하는 생각이 들었다

많은 노력을 통해 취업하신 선배님들의 이야기를 듣고 내가 저렇게까지 할 수 있을까 하는 생각도,,,,

더 쭈구리가 되,,,,