프론트엔드 개발자. 기록하기, 요가, 등산
태그 목록
- 전체보기(109)
- 주간점검(23)
- JavaScript(14)
- TIL(8)
- react.js(6)
- 토이프로젝트(6)
- Azure(4)
- 클라우드(4)
- React(4)
- FE면접대비(4)
- d3.js(3)
- 월간점검(3)
- 데이터 시각화(3)
- TOAST UI(2)
- django(2)
- React Hooks(2)
- 토이 프로젝트(2)
- figma(2)
- 번역(2)
- svg(2)
- graphql(2)
- 알고리즘(2)
- ES6(2)
- AZ-900(2)
- Firebase(2)
- 사이드프로젝트(2)
- Portal(1)
- ㅃㄷ(1)
- redux thunk(1)
- redux saga(1)
- restful api(1)
- 초미니 프로젝트(1)
- 호이스팅(1)
- three.js(1)
- IT Blog(1)
- memoization(1)
- yarn(1)
- 2022 첫 주간점검 ㅠ.ㅠ(1)
- 블로그 추천(1)
- 삐걱삐걱(1)
- 마이크로프론트엔드(1)
- router(1)
- PaaS(1)
- 퍼블리싱(1)
- 2주점검(1)
- es2015(1)
- 연간점검(1)
- git stash(1)
- 오랜만의 점검(1)
- 오픈소스(1)
- svg애니메이션(1)
- 포트폴리오(1)
- tailwind(1)
- Service Worker(1)
- javascript tutorial(1)
- 프론트엔드 포트폴리오(1)
- 실무에서 Git 활용하기(1)
- this week i learned(1)
- ie(1)
- mongodb(1)
- API 모킹(1)
- 구글블로거(1)
- 계속 업데이트중..(1)
- 스타일 가이드(1)
- 데이터베이스(1)
- this(1)
- 타입정의 자동화(1)
- design(1)
- 크로스 브라우징(1)
- CSS(1)
- 뇌과학(1)
- 조금 이른(1)
- MSW(1)
- Browser API(1)
- 협업(1)
- tailwindCSS(1)
- 영한번역(1)
- 데이터모델링(1)
- ecmascript2015(1)
- 기술블로그(1)
- nosql(1)
- Swagger(1)
- 디자인 패턴(1)
- 스타일가이드(1)
- 웹서비스 기획(1)
- 이번엔 좀 늦었다 ㅎㅎ(1)
- AdMob(1)
- devops(1)
- WebGL(1)
- redux(1)
- swagger-typescript-api(1)
- 3D(1)
- 별 거 없음(1)
- CSS Framework(1)
- 코딩컨벤션(1)
- 서평(1)
- git(1)
- Apollo client(1)
- animation(1)
- nextjs(1)
- front end(1)
- 마이크로프론트엔드 단점(1)
- firestore(1)
- figma svg(1)
- blogger(1)
- 오픈소스에 기여하기(1)
- Toss 개발자 컨퍼런스(1)
- npm(1)
전체보기 (109)주간점검(23)JavaScript(14)TIL(8)react.js(6)토이프로젝트(6)Azure(4)클라우드(4)React(4)FE면접대비(4)d3.js(3)월간점검(3)데이터 시각화(3)TOAST UI(2)django(2)React Hooks(2)토이 프로젝트(2)figma(2)번역(2)svg(2)graphql(2)알고리즘(2)ES6(2)AZ-900(2)Firebase(2)사이드프로젝트(2)Portal(1)ㅃㄷ(1)redux thunk(1)redux saga(1)restful api(1)초미니 프로젝트(1)호이스팅(1)three.js(1)IT Blog(1)memoization(1)yarn(1)2022 첫 주간점검 ㅠ.ㅠ(1)블로그 추천(1)삐걱삐걱(1)마이크로프론트엔드(1)router(1)PaaS(1)퍼블리싱(1)2주점검(1)es2015(1)연간점검(1)git stash(1)오랜만의 점검(1)오픈소스(1)svg애니메이션(1)포트폴리오(1)tailwind(1)Service Worker(1)javascript tutorial(1)프론트엔드 포트폴리오(1)실무에서 Git 활용하기(1)this week i learned(1)ie(1)mongodb(1)API 모킹(1)구글블로거(1)계속 업데이트중..(1)스타일 가이드(1)데이터베이스(1)this(1)타입정의 자동화(1)design(1)크로스 브라우징(1)CSS(1)뇌과학(1)조금 이른(1)MSW(1)Browser API(1)협업(1)tailwindCSS(1)영한번역(1)데이터모델링(1)ecmascript2015(1)기술블로그(1)nosql(1)Swagger(1)디자인 패턴(1)스타일가이드(1)웹서비스 기획(1)이번엔 좀 늦었다 ㅎㅎ(1)AdMob(1)devops(1)WebGL(1)redux(1)swagger-typescript-api(1)3D(1)별 거 없음(1)CSS Framework(1)코딩컨벤션(1)서평(1)git(1)Apollo client(1)animation(1)nextjs(1)front end(1)마이크로프론트엔드 단점(1)firestore(1)figma svg(1)blogger(1)오픈소스에 기여하기(1)Toss 개발자 컨퍼런스(1)npm(1)
[TIL] nextjs/react - 라우터 변경시 함수 호출(fire actions when router changed - routeChangeComplete)
오늘 운영 이슈를 해결하다가 새롭게 배운 router event가 있어서 공유해봅니다. Route 주소가 변경됐을 때 특정 액션을 발생시켜야 하는 경우 사용할 수 있는 router 이벤트 📍 routeChangeComplete next/router로 이벤트를 감지해서 특정 이벤트가 발생하면 함수를 실행시킬 수 있다. 사용은 아래와 같이! 은근 운영이슈 해결할 때 자주 사용할 것 같아서 훅으로 만들어두었다. 잊혀지지 않고 널리널리 쓰이길 바라면서..! Reference https://nextjs.org/docs/api-reference/next/router
2021년 8월 23일
·
0개의 댓글·
1