타이틀을 누르면 상세페이지....

말그대로 타이틀을 누르면 상세페이지로 간다.

상세페이지를 들어가면 타이틀이 제목으로 있고 그에 해당하는 내용이 들어가있어야한다.

이렇게 간단한거 왜 안될까...지금 3시간째 붙잡고 있는데 안된다...이 새벽에... 분명 내가 놓치고 있는게 있다....

일단 글을 작성하면 글목록에 올라오게까지하는것은 성공🍀했다.

1.그럼 무엇이 문제인가?

글목록에 올라온 글을 누르면 상세페이지로 넘어가는데 상세페이지에 글의 타이틀을 못가지고 온다.😱🔥

2.시도🏁

먼저 route에 그 글목록의 주소를 글의 고유 id로 주고 이 id와 내가 누른 글의 id가 일치하면 그 글의 title,content를 들고와라를 시도했다.그래서 삼항 연산자로 store에 넣어놓은 state를 불러서

const {id}=useParams()

const a = useArticle.map((item) => {

    return item.id === { id } ? <h3>{item.title}</h3> : null;
  });

true일 경우 title을 불러오도록했다. 근데 자꾸 null이 나왔다.

null이면 주소가 다르다는거니까

title을 Onclick시 그 글의 id를 변수로 지정해서 그 변수를 param로 정해서 그 params와 글의 Id가 같으면 그글의 title을 가져와라

라고 지정을 했다.

3.해결?

해결못했다 아직까지 근데 진행과정을 적어놔야 내일 이어서 할 수 있을꺼 같아서 기록중이다.

근데 가만히 생각하니까 이 세부내용페이지에 올라가는 내용들은 내가 다른 글을 누를때마다 바뀌어야하니까 state로 하고

store에서 꺼내기 쉽도록 해주면 좋겠다라는 생각 반과 이미 정해진 글을 불러오는거니까 html에 불러온 값만 map으로 불러서

넣는게 맞지않나 라는 생각이 충돌한다.

둘 중에 하나라도 맞는 답이 있다면 다행인데 시도해봐야겠다.

4.얻은거

자꾸 실패하니까 실패할수록 새로운 방법들이 떠오른다. 다 맞는 답은 아닌데 혹시나 이게 되나?라는 생각들이...ㅋ

근데 그때마다 그 순간 기억나서 막 하다가 다시 길 잃는 순간이 생기니까 메모를 해야겠다.

프로젝트가 복잡해질수록 파일위치도 헷갈리고 내가 뭘 진행해야되는지도 헷갈리기 시작했다.

특히나 내가 만든 코드가 아니라 다른 사람이 만든 코드를 다시 내가 사용하기 위해서 고쳐야할때 너무 헷갈린다. 이게 이건가...?

그 대신 오래볼수록 그 코드의 전체 흐름을 읽게됬다. 다만 내가 생각하는대로 안흘러갈뿐...

힘내서 다시 시도해본다.

codedive01