리드 조회 / 생성

완료한 Task

☑︎ 모든 리드 조회하기

☑︎ 리드 생성하기
☑︎ 리드 상세 조회하기
☑︎ 리드 상세 페이지 디자인?.. 너무 맘에 안 들지만 일단 기능부터 구현해보자..

결국에는 Firebase .. 😇

세일즈포스로 잘 연결이 됐었는데 갑자기 어느 순간부터 다시 CORS 에러가 났다.
세일즈포스로는 아마 localhost에서 적용을 할 수 없어보였다..

그래두 덕분에 next.js 프로젝트에서는 env 변수명 앞에 NEXT_PUBLIC 을 붙여야 인식할 수 있다는 것을 알아냈기 때문에
다시 Firebase 에 연결을 했다.

전에 에러가 났던 게 그냥 REACT_PUBLIC 변수를 써서 그랬었나보다.

오늘 배운 것

Next.js 에서는 언제든 url 참조 가능하다

바보같이 props 로 주소 넘겨주고 있었다.
근데 useRouter 로 그냥 바로 참조가 가능하다.
그래서 다시 다 바꿨다. 굳이 자식 컴포넌트로 넘겨 줄 필요가 없다!

useParam 리턴값은 string[] 이 될 수도 있다

const params = useParams()

동적 매개변수를 리턴해 주는 훅이다.
만약 중첩이 여러 번 된 경우라면 string의 배열로 리턴을 받을 수도 있다.

나는 리드의 상세 페이지를 보여주기 위해서 pages/lead/[id].tsx 파일을 만들었음

useEffect(() => {
  if (params?.id) getLeadDetail(params?.id)
}, [params?.id])

고칠 것

◻︎ 리스트 뷰에서 데이터 불러올 때 spinner 처리
◻︎ list-view 컴포넌트화 하기
◻︎ Link 에 textDecoration: 'none' 먹이기 (왜 안 될까..?)