💻 더 나은 개발자 되기 69

react + next + ts 를 사용해서 프로젝트를 진행하는데, 수정사항을 적용해도 새로고침이 되지 않았다. 서버를 껐다가 켜면 반영이 되는데, 즉각 반영이 되지 않아 매우 답답하던 찰나. 동일한 오류가 많지도 않은데, 환경셋팅에 문제가 있나 싶어 버전도 바꾸고 명령어 추가도 하는 등 다양하게 해봤으나 장렬히 실패. 윈도우에서 발생되었다고, 맥으로 바꾸고 싶다는 글도 수두룩 했으나,아주 억울하게도 난 맥 사용자.......... 나의 케이스엄청난 곳에서 발생이 된 것도 아니었다.그냥 환경 셋팅 후 기본으로 뜨는 페이지에 새로 생성한 컴포넌트를 추가 하고 싶을 뿐이었다. import를 해서 추가를 하고 실행을 했는데, npm run dev를 할 때만 일시적으로 반영이 되고이후 컴포넌트의 수정 반영이 되..

next프로젝트를 진행하는데, 여러 오류가 발생되었다.  내 환경npm : 10.5.0 node  : 20.12.2next : 14.2.3  우선, tsx파일에서는 next관련을 import해올 때 next관련 모듈을 찾아오지 못하고 아래와 같은 오류를 보여주었다. 'next' 모듈을 찾을 수 없습니다. 'moduleResolution' 옵션을 'node'로 설정하거나 'paths' 옵션에 별칭을 추가하려고 하셨습니까? ts(2792'next/font/google' 모듈을 찾을 수 없습니다. 'moduleResolution' 옵션을 'node'로 설정하거나 'paths' 옵션에 별칭을 추가하려고 하셨습니까? ts(2792)   tsconfig.json을 확인해보면 이곳에서도 역시 오류가 발생되고 있다. ..

💡 회고 룰Mood : 오늘의 기분 - 기분과 그렇게 느낀 이유도 적는다.Facts : 사실, 객관 - 실제로 내가 했던 일이나 겪었던 일의 사실Feelings : 느낌, 주관 - 내가 했던 일을 하면서 느꼈던 감정이나 느낌Findings : 내가 했던 일을 통해서 새롭게 배운 점이나 알게 된 점Keep : 현재 만족하고 이어나가면 좋을 것Ploblem : 불편하거나 개선이 필요한 것Try : Ploblem에 대한 해결책, 앞으로 실행할 것Affirmation : 자기 확언, 용기를 주는 문장✨ Mood-  보통. 햇빛 알레르기로 인해 컨디션이 좋지 않다. 새로운 프로젝트를 시작하며 기대와 동시에 걱정이 앞선다. ✨ Facts- 팀 프로젝트 organization에 develop브랜치로 base브랜치를..

Next.js ? Next.js는 React 라이브러리의 프레임워크이다. 이를 통한 큰 장점은 plain react앱의 한계를 극복하기 위함인데, 리액트의 단점 중 하나인 취약한 SEO를 위한 SSR 또는 SSG를 가능하게 하기 때문이다. CSR을 하는 리액트의 특성상 SEO에 취약한데, next.js가 pre-reloading을 통해 데이터가 랜더링 된 페이지를 미리 가져오게 해준다. 덕분에 사용자 경험에도 도움이 될 뿐 아니라 SEO까지 장점을 얻을 수 있다. SSR과 CSR까지 혼합해서 사용이 가능한 장점도 있다. 물론, Next.js없이도 SSR구현이 가능하다. 이미 진행된 플젝에서 Next를 중간에 도입하는 경우 비용이 많이 드는 단점이 있어 처음부터 Next를 도입하는 것이 좋다. Next.j..