윤선이와 블로그 만들기_5. 글 조회와 되돌아오기 처리

ㅜㅅㅜ 예전에 진행했던 내용을 적다보니 매우 축약해서 적게 됐다...

실제로 나와 윤선이가 진행한 내용에서 권한 관련한 부분을 빼고 설명하기도 했고...

 

권한 설명을 빼먹은 것은 의도된 것입니다

아무튼 지난 글에선 글 목록을 만드는 이야기를 해보았으니, 이번엔 글 조회를 보겠다.

 

지난번 글을 재탕하면, 글 목록에서 Part 컴포넌트에 각 데이터들을 전달하고

Part 컴포넌트는 해당 데이터를 보여주고, 컴포넌트 영역이 클릭될 때 moveToPost 함수를 통해 페이지를 이동한다.

글번호와 현재 해당 글이 속한 페이지를 들고 화면을 전환하게 되는데,

왜 굳이 이렇게 했는지 추후에 설명하도록 하겠슴

(까먹으면 안함 수고)

 

글 목록에서 클릭된 글을 조회하여 보여주는 Post 컴포넌트는 대략 이런 방식으로 작동한다.

 

1. 페이지에 진입했을 때 현재 주소값에서 글 번호를 얻어온다.

2. 글 번호를 토대로 게시글을 조회한다.

3. 렌더링한다.

그러면 이렇게

짜잔~

사실 글 조회는 코드가 간단한 만큼 윤선이가 다 했다.

배경색은 푸르른 호수 마치 라잌 떠니수 눈이야

 

기본적인 틀에서 벗어나는 코드가 없지만, React에서 하나 유의할 점은

https://ko.reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml

DOM 엘리먼트 – React

요거다.

간단하게 React에서의 InnerHTML 이라고 생각하면 된다... 아마두 ㅋㅅㅋ 

 

아까 글 목록에서 글을 조회할때, 현재 글 번호와 글이 속한 페이지를 가지고 들어간다고 하였다.

 

러블로그에는 이런 글목록과 글쓰기 버튼이 있다.

 

글 목록 버튼이 나오는 조건은 글을 조회 중이거나, 글을 쓰는 중일 경우.

글 쓰기 버튼이 나오는 조건은 현재 글 목록 페이지일 경우이다.

 

클릭시 Link to 든 뭐로든 글 목록, 글 쓰기 창으로 이동만 시켜주면 되니 기능자체엔 문제가 없었다.

그러나 아래와 같은 케이스의 경우에 맘에 들지않는 부분이 있었다.

 

1. 글 목록을 보다가 3페이지로 이동했다.

2. 3페이지에서 어떤 글을 조회한다.

3. '글목록 버튼을 눌러' 목록으로 돌아온다.

4. 가장 페이지 목록으로 돌아온다.

 

뛰요오오옹

 

나는 4번이 맘에 들지않았다.

왜냐면 내가 3페이지 보고 있었는데, 글 목록을 누르면 메인으로 돌아간다니...

으이으이 난 그런거 불편해서 못쓰지 암암

 

그래서 글을 쓸때나 (write), 글을 조회할때 (post) 주소에 이전에 머물러있던 페이지의 번호를 넘겨줘

글목록, 글쓰기를 누를때 마지막으로 머물러있던 페이지에 돌아갈 수 있게 해주는...편법이었다.

 

사실 리덕스 같은걸 쓰면 다 안해도 되지만...이땐 그랬어...

 

아무튼 이렇게 또 조회가 되어버린겨~