09.09.20

오늘 한일

코딩테스트 페어 면접
next.js에서 link를 클릭했을때 이동되는 페이지로 props전달하는것을 시도했다.
새로운페이지 url에 query로 값을 전송하는방식도 해보았고, mobx스토어의값을 공유하는 방법도 시도해봤으나 둘다 문제가 있었다.

이슈 & 해결

1.배포할때 next.js가 자동을 https 페이지를 만들어내는데 우리서버는 https요청을 받지 못한다.

• 서버에서 https요청을 받을수 있게 수정중이다.

2. 페이지 이동간에 id값 데이터를 전송하고싶어서 이동되는 페이지의 query로 붙여서 받아왔는데 값을 사용하고싶은 비동기함수가 먼저 실행이 되어서 값을 쓰지 못하고있다.

• 3번방법으로 해결되어서 이부분은 종료하였다.

3. 페이지 이동간에 id값 데이터를 전송하고싶어서 클릭시 mobx상태를 바꾸는 함수를 링크에 onClick으로 등록해두었는데 클릭을 하지않아도 초기 화면 렌더링시 전부 실행이되버린다.

• onClick={여기에 함수 정의를 해둬야하는데 실행을 넣었다.}
  나는 해당함수에 인자를 넣어야하기때문에 setId(list.id) 형식으로 넣었는데 실수였다.
  핸들러함수를 따로 만들고

const setItemHandler = (e) => {
        console.log('------------------', e.target)
        plantListStore.setId(e.target.getAttribute('value'))
  --------------------------------------------------------
  // 이렇게 함수의 정의를 onClick에 넣어주었다.
  <h3 value={list.id} onClick={setItemHandler}>{list.title}</h3>

느낀점

초보자의 입장에서 앞으로는 프로젝트때 대중적이지않은(사용자가 적거나, 레퍼런스가 없는)스택 사용은 지양해야겠다. 서버사이드 렌더링으로인한 이해하기힘든 에러와 배포에서의 문제발생은 예상하지못했기 때문에 진행이 더뎌지고있다.
오늘 인터넷 서핑하다 본 글이 좋았다

'중요한일이 있으면 밤새서 한다는 마음가짐보다는 남은시간이 한시간 밖에 안된다는 마음가짐으로 해라'