TIL-221010- page - 1의 비밀..

오늘은 오후에 다른 분이 페이지네이션좀 도와달라고 하셔서 아직 살짝 아리까리 한 상태로 복습도 할겸 흔쾌히 수락을 했다. 내가 했던 대로 Pageable객체를 사용하여 JPA의 편리한 페이지네이션기능을 사용하려고 했는데 마주한 그것

 

생각해보니 강의를 처음볼때부터 의문이였다. 왜 페이지에 -1을 해 주어야 하는 걸까? 오늘은 이 궁금증을 풀어야 겠다.

 

여기서 페이지는 프론트엔드에서 클릭한 페이지숫자이다. 그러니까 2페이지를 클릭하면 1페이지의 내용을 반환해준다?  라는 내용이다.

 

메소드를 사용하면 어떻게 동작하는 지는 잘 모르더라도 인자로 어떤 게 들어가는지 어떤 행동을 하는 지는 알아야 한다. 

 

page에 -1을 해주는 이유는 첫 번째 인자로 들어가는 가져올 페이지는 배열의 인덱스처럼 0부터 시작하기 때문이다.

그러니까 page에 2가 들어오면 0,1  1번인덱스를 반환하는 것이였다.ㅋㅋ 정말 별거 없었다. 그리고 2번째 인자는 한 페이지에 담을 아이템의 갯수 3번째는 정렬방법이다.  

 

styled Component props에 따라 다른 image반환하기 

 

 

일단 css부터 해놓고 테스트를 손보기 위해서(맛있는 건 아껴먹는 타입) css를 먼저 하고 있는데 로그인 여부에 따라 배너에서 다른 이미지를 보여 줘야 하는 부분이 있었다. 

 

평소처럼 props에 accessToken을 전달해서 true이면 로그인 이미지 false이면 아래 이미지를 반환하게 삼항연산자를 사용했는데 

어찌된게 도통 먹지를 않는다. 

 

이런 식으로 코드를 작성했는데 음 eslint에서 그건 안된다고 강하게 제지를 한다. 그러면 어떻게 해야할까?

 

답은 표현식이 포함되 있으므로 ``(backtick)으로 감싸줘야 한다. 생각해보면 당연한 건데 이거 때문에 한참 짱구 굴리고 있었다. ㅋㅋ

 

 

잘 되는 모습이다.

 

오늘 안으로 css를 끝내려고 했는데 계속 마음에 드는 사진 찾아 다닌다고 시간을 쓰고 있다. 지금 이럴때가 아니다 이틀밖에 안남았는데 

오늘 안으로 css를 무조건 끝내자!