728x90 Back-End Developer61 [Vite] Vite+React 환경에서 기존 Git repository 실행시 npm module 폴더 없을 때 해결 방법 요즘 react를 배우고 있는데 환경 적응이 어려운 듯합니다. git clone으로 react 폴더를 받았을 시,npm run dev로 돌릴때 json.package가 없다는 에러가 뜨는 것을 확인 할 수있습니다.정말 해당 파일이 없을 수 있지만, npm module이 없는 경우가 대부분 이었습니다.따라서Vite+React 환경에서 기존 Git repository 실행시 npm module 폴더 없을 때 해결 방법입니다.기존 폴더에 Vite를 설치하려면 다음 명령을 사용하여 로컬 프로젝트에 설치하면 됩니다.npm install vite --save-dev이 명령을 실행하면 현재 작업 중인 프로젝트 폴더에 node_modules 폴더가 생성되고, Vite와 그 종속성이 이 폴더에 설치됩니다. 또한 pack.. 2024. 5. 15. Node.js 및 NPM 호환성 문제 해결하기 : Failed to resolve entry for package "vite". The package may have incorrect main/module/exports specified in its package.json 최근 프로젝트에서 Vite와 Laravel Vite 플러그인을 사용하면서 Node.js와 NPM의 버전 호환성 문제에 직면했습니다. 이 글에서는 발생한 문제와 해결 과정을 상세히 공유하려 합니다. Failed to resolve entry for package "vite". The package may have incorrect main/module/exports specified in its package.json 라는 메시지를 npm install이후 npm run dev를 실행 시킨이후 만나게 되었는데요. npm install에서 shell에서 인식을 못해서 경로 설정을 재설정한 이후 만난 오류 였습니다. ㅠㅠ문제 발생첫 번째 문제: Node.js의 낮은 버전에서 최신 Vite와 Laravel V.. 2024. 5. 12. [라라벨] livewire wire:model 실시간 반영 오류 해결 라라벨에서 코드를 작성할때 livewire wire:model을 사용할때 실시간으로 input 값이 반영되게끔하고 싶을때가 있습니다.시중에 있는 강의에서는 wire:model로 변수를 설정하면 다 되는 것 처럼 강의가 설명되어있는데 옛날 버젼이라 그런지 오류가 많았습니다. 하지만 이것저것 찾아보다 overstack에서 결국 해결책을 찾았습니다. {{ $post }} -----구분 줄--------기존 코드는 다음과 같이 설정을 해서 원하는대로 라이브 반영이 실행되지 않았지만,다음과 .live를 덧 붙이니 실행되었습니다. 진작에 구글링을 할 걸 그랬습니다. 다음은 간단하게 제가 라이브 와이어로 실습한 코드를 알려드립니다.먼저 livewire:model, livewire:click, livewire:val.. 2024. 5. 11. Laravel에서 "Permission denied" 오류 해결하기 Laravel 프로젝트를 개발하는 동안 때로는 파일 작성 시 "Permission denied" 오류가 발생할 수 있습니다. 이 문제는 파일을 작성하는 데 필요한 디렉토리에 대한 쓰기 권한이 없는 경우 발생합니다. 이 오류를 해결하기 위해 다음 단계를 따라주세요. 터미널을 열고 Laravel 프로젝트의 루트 디렉토리로 이동합니다. 다음 명령을 사용하여 storage 디렉토리 및 하위 디렉토리에 대한 쓰기 권한을 부여합니다. 위 명령을 실행한 후에는 다시 해당 동작을 시도하여 문제가 해결되었는지 확인합니다. 보통 이렇게 하면 "Permission denied" 오류가 해결됩니다. chmod -R 775 storage 만약 위 방법으로도 문제가 해결되지 않는다면, 웹 서버가 실행되는 사용자와 그룹이 파일에 .. 2024. 4. 11. Laravel에서 발생한 로그 파일 권한 문제 해결하기 최근에 Laravel 프로젝트를 개발 중에 예상치 못한 문제에 직면한 적이 있습니다. 애플리케이션을 실행하려고 할 때마다 "Permission denied"와 관련된 에러 메시지가 표시되면서 로그 파일에 쓰기를 실패했습니다. 이 문제를 해결하는 과정을 공유하고자 합니다. 1. 로그 파일 권한 확인하기: 먼저, 문제의 원인을 파악하기 위해 로그 파일의 권한을 확인했습니다. Laravel 프로젝트에서 로그 파일은 storage/logs 디렉토리에 저장됩니다. 해당 디렉토리 및 파일에 대한 권한을 확인했고, 쓰기 권한이 없는 것을 확인했습니다. 2. 권한 변경하기: 로그 파일에 대한 권한 문제를 해결하기 위해 다음 명령을 사용하여 해당 디렉토리와 파일에 대한 쓰기 권한을 부여했습니다: sudo chmod -R.. 2024. 4. 8. AWS Lightsail 과금: 놓치기 쉬운 부분과 조치 방법 AWS Lightsail 과금: 놓치기 쉬운 부분과 조치 방법 light sail에서 5$계속 나가길래 확인해보니 container가 없어서 그냥 대수롭지 않게 넘겼는데요,. ㅠㅠ 3달후에도 계속 과금 되니 이상해서 networking을 봤는데 static ip 설정해놓고 안지운거 두 개가 활성화되서 계속 나갔더군요. 여러분들은 이런일이 없도록 주의하시길 바랍니다. ㅠㅠ 1. Container 확인하기 AWS Lightsail에서 예기치 않은 과금이 발생할 때 가장 일반적인 원인 중 하나는 미사용 컨테이너입니다. 가끔씩 이러한 자원을 신경쓰지 않고 놓치기 쉽습니다. 따라서 Lightsail 대시보드의 모든 섹션을 꼼꼼히 확인하고, 미사용 컨테이너를 지우는 것이 중요합니다. 2. Networking 설정 .. 2024. 4. 6. Docker 환경에서 Laravel 프로젝트 권한 문제 해결하기: Artisan 명령 실행 Docker를 사용하는 개발 환경에서 가끔 파일 시스템 권한 문제에 직면할 수 있습니다. 특히, Laravel 프레임워크를 사용하는 경우 artisan 명령을 실행할 때 Permission denied 오류에 부딪히는 것은 개발자에게 꽤나 골치 아픈 문제가 될 수 있습니다. 이 글에서는 Docker 컨테이너 내부에서 발생하는 Laravel 권한 문제를 해결하는 한 가지 효과적인 방법을 단계별로 설명합니다. 문제 상황 Docker 환경에서 Laravel Sail을 사용하여 artisan make:model Sample 명령을 실행하려고 할 때, 다음과 같은 오류 메시지가 나타났습니다. ErrorException file_put_contents(/var/www/html/app/Models/Sample.php.. 2024. 4. 4. Docker 환경에서 MySQL 컨테이너 문제 해결기 개발 환경에서 Docker를 사용하면 여러 이점이 있지만, 때때로 예상치 못한 문제에 직면할 수 있습니다. 이번 글에서는 Docker 환경에서 MySQL 컨테이너가 예상치 못하게 종료되는 문제를 해결하는 과정을 단계별로 설명하겠습니다. 문제 상황 오류 메시지: MySQL 컨테이너가 실행되지 않음. 로그에는 "Cannot create redo log files because data files are corrupt or the database was not shut down cleanly after creating the data files"와 같은 메시지가 표시됩니다. 원인 분석 이 오류는 MySQL 데이터 파일이 손상되었거나, MySQL 서버가 정상적으로 종료되지 않아 발생합니다. Docker 환경에서.. 2024. 4. 3. Livewire ComponentNotFoundException 해결기: Welcome 컴포넌트 오류 Livewire를 사용하면서 발생할 수 있는 ComponentNotFoundException 오류는 개발 과정에서 흔히 마주치게 되는 문제 중 하나입니다. 이번 글에서는 welcome 컴포넌트를 찾을 수 없다는 구체적인 오류 상황을 바탕으로 문제 해결 과정을 단계별로 살펴보고자 합니다. 발생한 오류 오류 메시지: ComponentNotFoundException 상황: Livewire가 welcome 컴포넌트를 찾을 수 없음. 환경: PHP 8.3.3, Laravel, Livewire 오류 진단 ComponentNotFoundException 오류는 Livewire가 지정된 컴포넌트를 시스템 내에서 찾지 못했을 때 발생합니다. 이 경우, welcome 컴포넌트에 대한 참조가 있으나, Livewire가 이를.. 2024. 4. 2. DRF 설명서 개념 때려잡기 : 예외 처리 5.10 예외 처리 Django Rest Framework(DRF)에서의 예외 처리는 API의 안정성과 사용자 경험(UX)을 향상시키는 중요한 부분입니다. DRF는 기본적으로 몇 가지 예외 클래스를 제공하며, 이들을 통해 다양한 HTTP 상태 코드와 함께 오류를 관리할 수 있습니다. 예외 처리를 잘 구현함으로써 API 사용자에게 명확하고 유용한 오류 메시지를 제공할 수 있습니다. DRF에서의 예외 처리 메커니즘 DRF의 예외 처리 시스템은 주로 APIException 클래스를 기반으로 합니다. APIException과 그 하위 클래스들은 다양한 종류의 HTTP 상태 코드를 표현합니다. 주요 예외 클래스로는 다음과 같은 것들이 있습니다. NotFound: 404 Not Found 요청된 리소스가 서버에 존.. 2024. 4. 1. 이전 1 2 3 4 ··· 7 다음 728x90
