오늘은 어제 계획 잡았던 대로 회원가입과 팝업창을 작업했다.
처음에는 Modal 라이브러리를 사용할까 했지만,
Zzz 프로젝트 하면서 팀원분이 만드셨던 Modal 컴포넌트가 있어서 그걸 사용 해봤다.
실전 프로젝트 진행하면서 습득한 CSS를 떠올리면서 열심히 작업하고 있다.
(진짜 실전 프로젝트 팀원들한테 맛있는 거 사드려야 할 정도다. 많이 참고 중이다.😍)
퇴근 30분 전에 라우팅 관련해서 궁금한 게 생겨 팀장님께 여쭤 보고 찾아보니
url의 path를 가져 올 때는 useRouter의 query를 불러오고 그 결과에 따라
해당하는 컴포넌트를 불러오는 방식을 사용하여 동적 라우팅(Dynamic Routing)을 구현 할 수 있다고 한다.
퇴근 하자마자 밥 먹고 정리😊정리😊
[Next.js] 동적 라우팅 사용하기
Next.js에서는 동적 라우팅을 지원하고 있는 데 그 종류와 사용 방법에 대해서 알게 된 내용을 까먹지 않게 정리하면서 다른 블로그도 참고하여 채울 예정이다. 동적 라우팅은 영어로 Dynamic Routing
eundol1113.tistory.com
[React] JSX에서 Switch문 사용하는 방법
퍼블리싱 진행 하다가 경우에 따라 다른 팝업창을 띄워주는 경우가 있었는 데 한두번 일 때는 삼항연산자를 사용해도 가독성면에서 큰 불편함음 경우의 수가 많아질 수록 가독성도 떨어지고,
eundol1113.tistory.com
[CSS] z-index
팝업창 퍼블리싱을 진행하던 중 배경 div와 팝업창 modal의 순서가 바뀐 걸 발견했다. 이를 해결하기 위해 z-index를 사용하였는 데 적용이 안 되는 것 같아서 아래 블로그들을 참고하여 해결했다. HT
eundol1113.tistory.com
'일기' 카테고리의 다른 글
| [일기] 20220303 (0) | 2022.03.03 |
|---|---|
| [일기] 20220224 (0) | 2022.02.24 |
| [일기] 20220221 (2) | 2022.02.21 |
| [일기] 20220217 (0) | 2022.02.18 |
| [일기] 20220216 (0) | 2022.02.16 |
댓글