J-한솔넷

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

오늘 정말 황당한 일이 있어 글을 남김니다. 최근 집에서 작업하는 경우가 많았는데, 어재까지만 하더라도 문제가 개발환경 데이터베이스 문제가 생겼습니다. 개발환경의 데이터는 대부분 더미 데이터라 데이터에 대한 위험성은 크지 않으나 로컬 개발환경의 보안을 어떻게 해야 할 것인가에 대해 깊은 고민을 하게 되었습니다. 앞으로도 고민을 더 해야겠지만 급한데로 개발환경에서 사용하는 서비스 포트를 차단하는 것으로 마무리했습니다. 이 글은 그 기억을 남겨두는 목적으로 기록해둡니다. 데이터베이스 상태 위 그림과 같이 MySQL 시스템 데이터베이스를 제외한 모든 데이터베이스의 테이블이 삭제되고 "README" 테이블이 생성되어 있고 해당 테이블을 클릭해서 내용을 확인해보니 아래 그림과 같은 메시지가 적혀 있습니다. 내용을..

일전에 커뮤니티에서 WSL과 Arcylic DNS Prox 충동 물제 해결 후 WSL2를 이용하여 Docker를 실행하고 있습니다. 그런데, 얼마전에도 "아! 너무 느리다."라는 생각이 들었었는데, 지금 작업에서는 느린 정도가 아니네요. 무엇이 문제인지 인터넷을 검색해보니 WSL2 + Docker 조합이 매우 느리다는 이야기가 있습니다. 다들 WSL 의 I/O 문제로 이야기들을 하고 있습니다. 검색을 해보니 bind mount로 인해 속도 저하가 생기다는 이야기가 가장 신빙성이 있는 것 같습니다. 이것을 해결하기 위해 docker-sync를 사용하라고 되어 있는데, 문제가 되는 환경이 Windows이고, Windows용은 아직 베타고 버그가 많다고 합니다. 하나의 방편으로 WSL을 이용한 방법이 있기는 ..

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:..

웹개발을 본격적으로 시작한 것이 2000년 7월부터입니다. APM과 FTP를 이용한 원격 개발로 시작하여 특정 프레임워크 개발환경(정확히는 Drupal 개발 도구인 Acquia Dev Desktop)을 이용하다, 특정 프레임워크가 아닌 범용 개발환경을 구성하고 싶어 Vagrant와 VirtualBox를 이용해 개발환경을 구성해서 사용하다 마지막에는 Docker를 이용해서 개발환겨을 구축하여 사용하고 있습니다. 앞의 두 형태의 개발환경은 오래되고, 현 시점에서는 사용하지 않는(?) 관계로 생략하고, 후자의 두 개발환경은 도구의 차이가 조금 있을 뿐이고, 기본 개발환경 골력은 매우 유사합니다. 다만 최근 Docker를 이용한 환경은 전자보다 점도 개선하고 보완했지만 기본적인 골력은 비슷합니다. 이기서는 Do..