전체 글

5. 로컬에 nginx(웹서버) 설치해보기 (Docker+Nginx_proxy+SSL+Github action)

🍺 이번에는 nginx라는 웹서버 프로그램을 로컬에 설치해 보도록 하겠습니다. 🍺 이를 위해 컴퓨터에는 당연히 도커 윈도우즈 프로그램이 설치되어 있어야 하며, 실행도 시켜놓아야 합니다. 1. docker 명령어로 설치하기 가. VS Code 프로그램에서 명령어를 입력할 터미널을 먼저 열어 줍니다. 나. 일반적으로는 이미지를 먼저 다운로드 후 컨테이너를 띄웁니다. docker image pull nginx docker run -p 80:80 nginx 하지만 두번째 줄만 입력해도 이미지가 컴퓨터에 있는지 확인 후 없으면 다운로드 후 컨테이너를 띄우게 됩니다. 따라서, 우리는 앞으로 아래와 같이 한줄만 입력을 하여 사용할 것입니다. docker run -p 80:80 nginx 위 80:80 부분에서 앞부분..

4. 도커를 이용하여 서버에 vnstat 설치 및 삭제하기(Docker+Nginx_proxy+SSL+Github action)

vnstat는 웹서버의 트래픽을 체크해 볼 수 있는 프로그램입니다. 기본적으로 서버 콘솔에서 그 내용을 확인하는 것이지만, 이것을 웹페이지로 볼 수 있도록 구현을 할 수도 있습니다. 다만, vnstat를 직접 설치한 후 웹페이지로 보려면 웹서버 설치, 기타 복잡한 설정 등을 해야 하며, 이 작업이 쉽지 않아 결국 예전에 저는 실패했었습니다. 하지만, 도커를 이용한다면 아주 손쉽게 모든 것에 대한 설치 및 구현이 가능합니다. 1. 서버 콘솔에서 아래와 같이 입력해줍니다. docker run -d \ --restart=unless-stopped \ --network=host \ -e HTTP_PORT=8685 \ -v /etc/localtime:/etc/localtime:ro \ -v /etc/timezon..

3. MobaXterm (Docker+Nginx_proxy+SSL+Github action)

MobaXterm은 VM 인스턴스에 접속해서 작업을 하기 위한 SSH 접속 프로그램입니다. (윈도우즈 전용) 1. 다운로드 (저는 Portable을 사용합니다.) https://mobaxterm.mobatek.net/download-home-edition.html MobaXterm free Xserver and tabbed SSH client for Windows The ultimate toolbox for remote computing - includes X server, enhanced SSH client and much more! mobaxterm.mobatek.net 2. 실행 가. Session 클릭 나. SSH 클릭 -> 서버 ip 입력 -> Advanced SSH settings 클릭 -> ..

2. Docker 설치 (Docker+Nginx_proxy+SSL+Github action)

앞으로의 내용은 먼저 로컬 pc와 리눅스 서버에 도커를 설치하고, github private repository를 생성한 후 action 및 runner를 설치합니다. 그후 로컬에서 docker-compose.yml 을 조금씩 작성한 후, github에 push 하면 바로 자동으로 서버에 배포하여 결과를 바로 확인하는 과정을 반복하는 방법으로 작성해 나갈 것입니다. 1. 윈도우즈에 Docker 설치 이 부분은 예전에 작성한 글을 참고하시기 바랍니다. https://mungkhs1.tistory.com/17 도커(Docker) 설치 방법 (윈도우즈) 도커 설치시 WSL2 방식을 추천하며, 예전처럼 Hyper-v 기능을 켤 필요가 없습니다. (참고) WSL2 방식으로 도커를 사용하기 위한 윈도우즈 컴퓨터 사..

1. Docker를 사랑하게 된 이유 (Docker+Nginx_proxy+SSL+Github action)

도커(Docker)가 나온지는 오래 되었지만, 저는 최근에서야 알게 되었습니다. 스터디에서 라라벨(laravel)을 공부하게 되면서 도커를 무작정 사용하게 되었고, 이곳 저곳에서 도커에 대해 조금씩 듣게 되면서 좀더 공부를 하게 되었고... 이제 지금은 도커에게 마음을 빼앗겨 버렸습니다. 그 결과로 몇주 동안 제가 만든 모든 웹사이트들을 모두 도커 기반으로 바꾸는 작업을 하였습니다. 그 작업을 위해 하나의 docker-compose.yml로 하나의 클라우드 서버에 아래와 같이 구성을 하게 되었습니다. Docker+ Nginx_proxy(front)+Nginx(back) 5개+Apache(back)+php8.x+php7.x+php5.x+mysql8.x+mysql5.x+phpmyadmin+vnstat +ss..

Google Cloud 모르는 과금 방지를 위한 설정

1. 햄버거 메뉴 - 결제 - 예산 및 알림 2. 예산 만들기 선택 3. 이름을 적당히 입력 후 다음 버튼 클릭 4. 목표 급액 입력 후 다음 버튼 누르기 => 저같은 경우 100원으로 설정하였음. 5. 저는 50원, 90원, 100원이 초과될때마다 메일이 날라오도록 아래와 같이 설정하였습니다. 이 부분은 원하시는 대로 설정하시면 됩니다. 5. 마지막 맨 밑에 있는 완료 버튼을 누르면 됩니다.

Google Cloud 완전 무료 VM 인스턴스 만들기

라라벨 스터디 그룹을 위해 만들었습니다. 0. Google Cloud 무료 제공 내용 (참고 - https://cloud.google.com/free/docs/free-cloud-features#compute ) 1. 인스턴스 만들기 클릭 2. 무료 리전 선택 => 무료가 지원되는 리전을 선택해야만 합니다. 3. 머신 유형 선택 => E2 시리즈의 e2-micro 를 선택해야 함. 4. 부팅 디스크 선택 ( 이부분 특히 조심하기 ) 가. 변경 누르기 나. 우리는 Ubuntu 최신 버전을 사용할 것이기 때문에 아래와 같이 운영체제와 버전을 잘 선택해야 함. 운영체제 : Ubuntu, 버전 : Ubuntu 22.04 LTS (x86/64 ~~) 다. 부팅 디스크 유형 - 기본으로 선택되어 있는 균형 있는 영..

멍멍홈->라라벨_19. 방문자 수 구현하기 => 실패 => 성공

♧ '멍멍홈을 라라벨로 새로 만들기' 프로젝트 목차 ♧ (보시려면 아래 더보기 를 눌러주세요.) 더보기 0. 라라벨(laravel) 개발 환경 구축하기-방법1 (Windows & 도커(docker) & 라라독(laradock) 활용) 0. 라라벨(laravel) 개발 환경 구축하기-방법2 (Windows & 도커(docker) & sail 활용) 1. 기존 소스 2. 기존 소스를 하나의 블레이드로 3. 컨트롤러 하나 생성 4. javascript, css 정리 5. 기존 PHP 로직을 컨트롤러로 6. 블레이드 문법으로 수정 7. 외부 블레이드 파일, component 활용 8. (DB) Model 및 기타 파일 생성 9. (DB) 더미데이터를 한글로 만드는 방법 10. (DB) 모델, DB 활용 연습 1..

멍멍홈->라라벨_18. 관리자 화면에서 게시글 새로 작성하기

♧ '멍멍홈을 라라벨로 새로 만들기' 프로젝트 목차 ♧ (보시려면 아래 더보기 를 눌러주세요.) 더보기 0. 라라벨(laravel) 개발 환경 구축하기-방법1 (Windows & 도커(docker) & 라라독(laradock) 활용) 0. 라라벨(laravel) 개발 환경 구축하기-방법2 (Windows & 도커(docker) & sail 활용) 1. 기존 소스 2. 기존 소스를 하나의 블레이드로 3. 컨트롤러 하나 생성 4. javascript, css 정리 5. 기존 PHP 로직을 컨트롤러로 6. 블레이드 문법으로 수정 7. 외부 블레이드 파일, component 활용 8. (DB) Model 및 기타 파일 생성 9. (DB) 더미데이터를 한글로 만드는 방법 10. (DB) 모델, DB 활용 연습 1..

멍멍홈->라라벨_17. 관리자 화면에서 게시글 삭제하기

♧ '멍멍홈을 라라벨로 새로 만들기' 프로젝트 목차 ♧ (보시려면 아래 더보기 를 눌러주세요.) 더보기 0. 라라벨(laravel) 개발 환경 구축하기-방법1 (Windows & 도커(docker) & 라라독(laradock) 활용) 0. 라라벨(laravel) 개발 환경 구축하기-방법2 (Windows & 도커(docker) & sail 활용) 1. 기존 소스 2. 기존 소스를 하나의 블레이드로 3. 컨트롤러 하나 생성 4. javascript, css 정리 5. 기존 PHP 로직을 컨트롤러로 6. 블레이드 문법으로 수정 7. 외부 블레이드 파일, component 활용 8. (DB) Model 및 기타 파일 생성 9. (DB) 더미데이터를 한글로 만드는 방법 10. (DB) 모델, DB 활용 연습 1..

멍멍홈->라라벨_16. 관리자 화면에서 게시글 수정하기

♧ '멍멍홈을 라라벨로 새로 만들기' 프로젝트 목차 ♧ (보시려면 아래 더보기 를 눌러주세요.) 더보기 0. 라라벨(laravel) 개발 환경 구축하기-방법1 (Windows & 도커(docker) & 라라독(laradock) 활용) 0. 라라벨(laravel) 개발 환경 구축하기-방법2 (Windows & 도커(docker) & sail 활용) 1. 기존 소스 2. 기존 소스를 하나의 블레이드로 3. 컨트롤러 하나 생성 4. javascript, css 정리 5. 기존 PHP 로직을 컨트롤러로 6. 블레이드 문법으로 수정 7. 외부 블레이드 파일, component 활용 8. (DB) Model 및 기타 파일 생성 9. (DB) 더미데이터를 한글로 만드는 방법 10. (DB) 모델, DB 활용 연습 1..

멍멍홈->라라벨_15. 관리자 화면에서 전체 게시글 리스트 한번에 보기

♧ '멍멍홈을 라라벨로 새로 만들기' 프로젝트 목차 ♧ (보시려면 아래 더보기 를 눌러주세요.) 더보기 0. 라라벨(laravel) 개발 환경 구축하기-방법1 (Windows & 도커(docker) & 라라독(laradock) 활용) 0. 라라벨(laravel) 개발 환경 구축하기-방법2 (Windows & 도커(docker) & sail 활용) 1. 기존 소스 2. 기존 소스를 하나의 블레이드로 3. 컨트롤러 하나 생성 4. javascript, css 정리 5. 기존 PHP 로직을 컨트롤러로 6. 블레이드 문법으로 수정 7. 외부 블레이드 파일, component 활용 8. (DB) Model 및 기타 파일 생성 9. (DB) 더미데이터를 한글로 만드는 방법 10. (DB) 모델, DB 활용 연습 1..

멍멍홈->라라벨_14. 로그인 창 뒷배경도 동영상이 보이도록 수정

♧ '멍멍홈을 라라벨로 새로 만들기' 프로젝트 목차 ♧ (보시려면 아래 더보기 를 눌러주세요.) 더보기 0. 라라벨(laravel) 개발 환경 구축하기-방법1 (Windows & 도커(docker) & 라라독(laradock) 활용) 0. 라라벨(laravel) 개발 환경 구축하기-방법2 (Windows & 도커(docker) & sail 활용) 1. 기존 소스 2. 기존 소스를 하나의 블레이드로 3. 컨트롤러 하나 생성 4. javascript, css 정리 5. 기존 PHP 로직을 컨트롤러로 6. 블레이드 문법으로 수정 7. 외부 블레이드 파일, component 활용 8. (DB) Model 및 기타 파일 생성 9. (DB) 더미데이터를 한글로 만드는 방법 10. (DB) 모델, DB 활용 연습 1..

멍멍홈->라라벨_13. 로그인 구현을 위한 스타터키트 Breeze 설치 및 로그인 작업

♧ '멍멍홈을 라라벨로 새로 만들기' 프로젝트 목차 ♧ (보시려면 아래 더보기 를 눌러주세요.) 더보기 0. 라라벨(laravel) 개발 환경 구축하기-방법1 (Windows & 도커(docker) & 라라독(laradock) 활용) 0. 라라벨(laravel) 개발 환경 구축하기-방법2 (Windows & 도커(docker) & sail 활용) 1. 기존 소스 2. 기존 소스를 하나의 블레이드로 3. 컨트롤러 하나 생성 4. javascript, css 정리 5. 기존 PHP 로직을 컨트롤러로 6. 블레이드 문법으로 수정 7. 외부 블레이드 파일, component 활용 8. (DB) Model 및 기타 파일 생성 9. (DB) 더미데이터를 한글로 만드는 방법 10. (DB) 모델, DB 활용 연습 1..

멍멍홈을 라라벨로 새로 만들기_12. (DB) DB 및 모델을 이용하여 구현

♧ '멍멍홈을 라라벨로 새로 만들기' 프로젝트 목차 ♧ (보시려면 아래 더보기 를 눌러주세요.) 더보기 0. 라라벨(laravel) 개발 환경 구축하기-방법1 (Windows & 도커(docker) & 라라독(laradock) 활용) 0. 라라벨(laravel) 개발 환경 구축하기-방법2 (Windows & 도커(docker) & sail 활용) 1. 기존 소스 2. 기존 소스를 하나의 블레이드로 3. 컨트롤러 하나 생성 4. javascript, css 정리 5. 기존 PHP 로직을 컨트롤러로 6. 블레이드 문법으로 수정 7. 외부 블레이드 파일, component 활용 8. (DB) Model 및 기타 파일 생성 9. (DB) 더미데이터를 한글로 만드는 방법 10. (DB) 모델, DB 활용 연습 1..