콘솔워크

Nextjs tuigrid 그리드 깨짐 현상. 본문

프로그래밍/javascript

Nextjs tuigrid 그리드 깨짐 현상.

콘솔워크 2022. 4. 2. 09:39
반응형

메뉴 별로 tui grid를 사용해서 작업하였는데 이상하게 다른 메뉴로 이동 시에 grid가 기존 메뉴에 있던 grid의 영향을 받아서

 

그리드가 깨지는 현상이 발생하였다.

tui grid 개발팀에서 말한 해결책인 refreshLayout이나 setWidth 로 하는거는 해결이 안되었다.

 

메뉴간 이동할 때 next/link를 사용해서 Link 태그에 href를 넣어서 이동하는 형식으로 개발되었는데,

아마 이렇게하면 새로고침이 발생하지 않아서, 메뉴별 그리드 간의 충돌이 발생하는 걸로 보인다.

 

따라서, Link 태그 안쓰고 a태그에 href값을 넣어서 해결하였다.

 

 

어렵다...................... 완벽하게 해결한 느낌은 아니지만, 

 

 

반응형