목록분류 전체보기 (186)

계발하는 개발자

[Next.js] 다이나믹 라우팅(동적 라우팅) 방법 - Link | 동적 라우트 생성 & 쿼리 데이터 전달

Next.js에서 페이지를 이동하는 방법은 보통 두 가지로 나뉜다. Link를 이용한 방법과 router를 이용한 방법이다. 오늘은 이중에서 Link를 이용해 동적 라우팅 하는 것을 남겨볼 것이다. Link를 이용한 라우팅 Link는 다음과 같은 props를 가지고 있다. (이외 기타 prop 들도 있다.) (1) href - 이동할 경로 혹은 URL (유일한 필수 prop) * 아래처럼 href 객체를 받을 수도 있다. // Navigate to /about?name=test About (2) replace - history 스택(방문 기록)에 새 url을 추가하는 대신 현재 상태를 변경한다. 기본값은 false (3) scroll - 페이지 전환 후 페이지 상단으로 스크롤할지 여부. 기본값은 true..
💻 Frontend/Next.js 2023. 10. 26. 00:52
[Next.js 에러] Skipping auto-scroll behavior due to `position: sticky` or `position: fixed` on element 해결

참고 https://github.com/shadcn-ui/ui/issues/1355 에러 next.js 프로젝트에서 gnb클릭후 페이지 이동시 콘솔창에 아래같은 에러가 갑자기 떴다. "Skipping auto-scroll behavior due to `position: sticky` or `position: fixed` on element" 원인 콘솔창에서 알려준 요소를 살펴보니 다음과 같이 설정돼있었다. 기본적으로 Link 태그를 사용하여 다른 페이지로 이동할 때, 이전 페이지의 스크롤 위치를 기억하고 다음 페이지에서 해당 스크롤 위치로 자동으로 스크롤되는 특성이 있다. 그러나 간혹 position: fixed나 sticky 를 사용하여 특정 요소를 화면에 고정시키는 경우, 이러한 스크롤 위치값 변화에..
❗️Error 2023. 10. 25. 22:56
[FIlezila] 파일질라 SFTP 접속후 var 폴더 안보임 해결

참고 https://m.ppomppu.co.kr/new/bbs_view.php?id=nas&no=10839 상황 파일질라 root 사용자로 접속했는데 /var/www/html 폴더가 안보였다! 상위 디렉토리 폴더인 var 폴더가 있어야 디폴트 페이지 변경을 할 수 있는데 .. 멘붕 해결 구글링하다가 어떤 분이 아래같은 답변을 해주셨길래(고수의 향기..) 나도 한 번 시도해봤는데 됐다! 리모트 사이트 주소창에 /var를 쳤더니 갑자기 아래 var 폴더가 나타났다. 좀더 스크롤 아래로 내려보면 내가 찾던 www/html 폴더까지 잘 들어와있다 :)
❗️Error 2023. 10. 24. 02:31
[FileZilla] 파일질라 root 계정으로 EC2 접속 오류 해결

상황 /etc/ssh/sshd_config 파일의 PermitRootLogin yes 로 수정해주고나서 파일질라에 root 계정으로 접속하려고 시도했는데 중간에 연결이 자꾸 중단됐다. (구글링하니 나와 같은 상황에 놓인 분들이 은근 많았다..) 해결 authorized_keys 파일을 root 사용자 홈 디렉토리 아래의 .ssh 디렉토리로 복사하니까 해결됐다! 비로소 root 계정 접속시 ubuntu 사용자와 동일한 SSH 공개 키로 로그인이 허용됐다. // 암호키 복사 $ sudo cp /home/ubuntu/.ssh/authorized_keys /root/.ssh // ssh 재시작 $ sudo service ssh restart
❗️Error 2023. 10. 24. 01:38
이전 Prev 1 ··· 11 12 13 14 15 16 17 ··· 47 Next 다음