J-한솔넷

이번에는 기존에 자가 사용하고 있는 도커 개발환경(Apache 기반)을 두고, 새롭게 Nginx 기반으로 개발환경을 구성해봤습니다. 새롭게 환경을 구성하게된 동기, 구성 과정, 구성후 느낌 정도를 포스팅하고자 합니다.구성 동기최근(아니 최근 1년)에는 Lravel Blade 기반의 프론트엔드부분을 개발할 일이 없어 젼혀 모르고 있다가, 사이드 프로젝트를 진행하려고 준비를 하는 과정에 CSS와 Blade 파일을 수정했는데 핫 리로드 기능이 동작하지 않는 것을 확인했습니다. 이 기능이 없었을 때는 어래 그려려니 했지만 막상 사용하다 않되니 너무 불편했습니다.원래는 아래와 같이 CSS나 Blade 파일을 수정하면 수정을 감지하고 페이지를 리로드해줘야 합니다.7:56:26 PM [vite] page reload..

정말 오랜만에 포스팅을 하는것 같습니다. 이번 포스트는 제가 구상중인 사이트 프로젝트의 일부인 다국어 지원 서비스를 구축하기 위해 언어 검출 및 서비스의 인터페이스와 콘텐츠 언어 출력을 설정하는 역할을 하는 설치 가능한 패키지 개발과정에 관련된 것입니다.이 포스트의 코드는 Github에 공개할 예정입니다.지금까지 10여년을 PHP로 개발을 해왔지만 Composer를 이용한 설치용 패키지를 만들어보기는 처음입니다. 몇번에 걸쳐 시행착오도 격고, 구글링, Copilot, ChatGPT에 질문하고 해서 겨우 제가 원하는 단계까지 왔습니다. 이 과정의 기억을 박제하고자 합니다.composeer.json 생성우선 아래와 같이 laravel-language-detect 폴더를 만들고, 폴더로 이동하여 'compos..

오늘 매우 간만에 오프라인 교육을 들었습니다. 교육 중에 "ChatGPT를 이용하여 코딩하는 사람이 있다"라는 이야기를 듣고, "그게 가능해?~"라는 의문이 들었습니다. 그래서 집에 돌아와 한번 테스트를 해봤습니다. 아래 내용은 그 결과입니다. PHP 기반 DTO + Controller + Service + Repository 구조를 가지는 Laravel 프레임워크용 예시 프로그램을 보여줄 수 있어? 물론이죠. Laravel은 PHP 웹 애플리케이션을 빠르게 개발하고 유지보수할 수 있도록 도와주는 인기있는 프레임워크입니다. 아래 예시는 Laravel에서 DTO(Data Transfer Object), Controller, Service, Repository 구조를 구현한 간단한 프로그램입니다. UserD..

지난달에 WSL2 + Docker 개발환경이 너무 느리다고 글을 적었는데, 이번에는 다시 WSL2를 이용해야 하는지 고민되는 내용을 적습니다. 다름이 아니라 최근 Laravel의 자바스크립트 스타일시트 빌드를 위해 NodeJS를 설치하는데 문제가 생겼습니다. 예전에는 로컬에 NodeJS를 별도로 설치해서 사용하다가 최근에는 Docker 컨테이너에 포함시켜 이용하고 있습니다. 진행중인 프로젝트의 자바스크립트 패키지를 설치하던 중 아래와 같은 오류가 발생했습니다. WSL2를 사용하지 않는 Docker 컨테이너 WSL2를 사용하지 않으면 Docker는 Hyper-V 기반에서 컨테이너를 실행되고, bind mount 형태로 공유된 폴더의 경우 심블릭 링크를 만들 수 없고, 리눅스 파일 시스템의 권한 문제에 영향..

Docker 개발환경으로 변경하면서 Vite의 HMR 기능이 오류가 발생해서 매우 불편했습다. 이 문제는 WSL2의 문제만이 아니라 Docker 개발환경에서도 문제가 되었습다. Laravel 공식 문서 Asset Bundling 문서의 Running The Development Server In Sail On WSL2 부분의 내용을 적용해도 해결되지 안습다. 최근에야 이 문제를 해결할 수 있었다. 문제의 원인은 요청을 수신하는 IP 주소가 지정되지 안아 생기(?)는 문제로 보입니다. 이 문제를 해결하기 위해 아래와 같이 vite.config.js 파일에 아래의 내용을 추가했습니다. server: { https: false, // HTTPS 비활성화 host: true, // 요청 수신 IP 설정 hmr:..