전체 글67 There are multiple modules with names that only differ in casing. [git bash] ./node_modules/next/dist/client/components/app-router.js There are multiple modules with names that only differ in casing. 문제발생 노트북으로 공부하던 프로젝트를 깃헙에 올리고 데스크탑으로 클론해서 npm run dev 실행시키니 발생한 오류였다. 문제해결 시도 1. rm -rf .next && rm -rf node_modules 로 새로 설치해보았지만 실패 2. node 버젼 문제같아서 nvm 으로 20.9.0 버젼 설치 후 1번 과정 다시 시도 해보았지만 실패 좀 더 낮은 18.18.2도 동일하게 해보았지만 실패 3. 좀 더 구글링 해보았더니 해결책을 찾았다. https://stackoverflow.com.. 2023. 11. 8. History api (pushState, replaceState) https://programmers.co.kr/skill_check_assignments/199 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 평소 리액트로만 주고 코딩을 했고 자바스크립트 구현에 익숙하지 않아 공부하기 위해 바닐라 자바스크립트 구현 과제테스트를 풀어보았다. 바닐라 자바스크립트로 SPA를 구현할때 가장 중요한 페이지 라우팅을 구현할 때 필요한 history api를 정리해 보았습니다. 1. History api History api란 history 글로벌 객체를 이용해 브라우저의 세션 히스토리에 대한 접근과 조작 기능을 제공하는 것으로 즉.. 2023. 7. 17. [NEXT.JS] Warning : Props 'className' did not match와 suppressHydarationWarning 이런 에러가 발생했다. 위 에러는 처음 페이지 SSR로 내려준 이후 CSR로 화면을 렌더링하게 되는데, 이때 서버에서 받은 해시 + 클래스명과 이후 클라이언트에서 작동하는 해시 + 클래스 명이 달라지면서 스타일을 불러올 수 없는 문제를 발생한다. 구글링 해보니까 보통 styled component에서 많이 발생하는 에러인 것 같다. 그러나 나는 tailwind를 사용하고 있었다. 에러를 자세히 보니 dark가 있었고 이것은 다크모드 설정에서 발생된 에러같았다. 나의 다크모드에는 세가지 종류가 있는데 Light, Dark, System 이 있는데. 서버에서는 localStorage에 저장된 나의 테마상태를 모르기때문에 발생되는 에러다. 리액트 공식문서에 있는 suppressHydrationWarning으로.. 2023. 7. 11. [nextjs] Link 새창띄우기 Next 13 이전 버젼에서 새 창을 띄우기 위해 Link를 사용할 필요가 없었다. https://github.com/vercel/next.js/discussions/15486 How to open Link in new tab? · vercel/next.js · Discussion #15486 I need to open that link in new tab. how to do it? i have tried this. 2023. 4. 9. 이전 1 2 3 4 5 6 7 8 ··· 17 다음
