강태풍의 개발블로그

🚀 개요 Next 14 앱 라우팅 방식 + tailwind CSS 를 사용한 프로젝트에서 개발(로컬) 환경에서는 tailwind css가 문제 없이 잘 적용됐으나, Vercel 배포 환경에서는 tailwind css의 스타일이 부분적으로 적용되지 않았습니다. 처음엔 팀원과 단순 next 14의 문제로 치부해 다운그레이드 시 해결 될 줄 알았으나, 다운그레이드에도 해결되지 않아 디버깅을 통해 찾아냈습니다. 😵 문제 발생 Vercel 배포 환경에서 tailwind CSS가 부분적으로 적용 됐습니다. 'cursor-pointer ' 속성은 적용이 됐으나, `list-none` 속성은 적용이 되지 않았습니다. 😛 해결 방법 app 라우팅 방식을 사용하다 보니 루트 프로젝트에 app, Components 디렉토리..

😎 요약 개발 의존성의 의존성 파일인 package-lock.json 파일이 모종의 이유들로 잘못 깔릴 경우(option을 설정하지 않는다거나..), 다른 환경에서 돌아가는 라이브러리가 설치가 안 될 경우가 있다 (Netlify 배포 환경은 Linux x64, 내 로컬 환경은 Window11이다) 그럴 경우 package-lock.json파일을 의심해 보자 🚀 개요 package.json "scripts": { "dev": "parcel ./index.html", "build": "parcel build ./index.html" }, Parcel 번들러를 이용한 프로젝트를 진행 후 이를 배포하기 위하여 Netlify 를 사용하였습니다. 평상시와는 다른 에러로그를 마주쳤습니다. @parcel/watcher..

🚀 개요 패스트 캠퍼스 온라인 강의를 수강하던 중 유의적 버전(Semantic Version) 에 대해서 배웠다. Lodash 라이브러리의 4.17.21 버전에서 4는 Major, 17은 Minor, 21은 Patch의 의미를 지닌다. - Major : 기존 버전과 호환되지 않는 새로운 버전 ~ 큰 변경사항 - Minor : 기존 버전과 호환되는 기능이 추가된 버전 - Patch : 기존 버전과 호환되는 버그 및 오타 등이 수정 된 버전 앞선 버전 뿐만 아니라 버전에는 `~4.17.21` 이나 `^4.17.21` 과 같이 버전 앞에 ~ 와 ^ 의 심볼이 추가되기도 하는데 이의 의미는 다음과 같다. ^4.17.21 : Major 버전 안에서 가장 최신 버전으로 업데이트 가능(minor와 patch는 변경이..

[상황] 리액트 프로젝트 중 package.json 파일에 있는 dependencies을 토대로 yarn install 후 yarn start 시 발생 [에러 로그] yarn install v1.22.19 warning ..\..\..\package.json: No license field [1/4] Resolving packages... [2/4] Fetching packages... [3/4] Linking dependencies... warning "react-hot-toast > goober@2.1.8" has unmet peer dependency "csstype@^3.0.10". warning " > babel-loader@8.1.0" has unmet peer dependency "webpa..