
Next.js에서 뒤로가기 커스텀 버튼 로직 개선하기
💻 DevNext.js에서 URL로 직접 접근했을 때 뒤로가기 버튼 클릭 시 메인으로 이동하는 로직 구현 및 이슈 해결 방법
- Next.js
- App Router
- JavaScript
- History API
- 세션 스토리지
- 웹 개발
Next.js에서 URL로 직접 접근했을 때 뒤로가기 버튼 클릭 시 메인으로 이동하는 로직 구현 및 이슈 해결 방법
Next.js 환경에서 레이아웃 시프트로 인해 페이지 이동 시 스크롤이 최상단으로 가지 않는 문제를 해결하는 방법을 소개한다.
Next.js와 Supabase를 함께 사용하면 복잡한 서버 관리 없이 빠르게 웹사이트의 백엔드를 구현할 수 있다.
서브도메인 간 쿠키 공유가 가능한 이유와 CORS 이슈가 발생하는 원인을 알아보고, Nginx 프록시와 Next.js 리라이트를 활용한 실용적인 해결 방법을 소개합니다.
이 글에서는 React Query에서 useLazyQuery를 사용하여 데이터 페칭을 효율적으로 관리하는 방법을 다룬다. 코드 예제와 함께 실습을 통해 useLazyQuery의 기본 사용법을 알 수 있다.
여행 프로젝트에서 어디로 여행갔는지 알기 위해 지도를 이용할 필요가 있다. 지도를 클릭할 때 해당하는 나라로 이동하는 효과를 주기 위해 방법을 찾아가는 과정을 적어본다.
여행에서 사진은 빠질 수 없다. 일상으로 돌아온 후 사진을 보며 지친 일상을 위로를 받기도 한다. 여행 사진도 찍고 기록도 할 수 있는 나만의 여행 앨범 프로젝트를 구상해보자.
프로젝트를 진행하면서 Ant Design 라이브러리를 사용했습니다. 설치 후 적용 시 문제가 발생했고, 해결했던 과정들을 풀면서 잘 모르는 키워드들은 한번 더 적어보았습니다.
기본 터미널은 너무 칙칙하다. 이번에 PowerShell을 이쁘게 꾸며보자.
Linked List와 Array 비교
ES6에서 사용되고 있는 Arrow Function대해 알아보자.
this는 상황에 따라 값이 달라진다. 왜 그런지 알아보자.
Development, Staging, Production 설정
TypeScript와 Express 그리고 typeORM의 세팅하는 방법을 알아보자
비동기 처리
Git을 이용해 협업하는 방법을 알아보자.
Git 명령어에 대해 자세히 알아보자.
Git을 한번 사용해보자.