라라벨(laravel) 개발 환경 구축하기-방법2 (Windows & 도커(docker) & sail 활용)

♧ '멍멍홈을 라라벨로 새로 만들기' 프로젝트 목차 ♧ (보시려면 아래 더보기 를 눌러주세요.)

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 활용 연습

11. (DB) 기존 데이터 배열을 DB로 변환

12. (DB) DB 및 모델을 이용하여 구현

13. 로그인 구현을 위한 스타터키트 Breeze 설치 및 로그인 작업

14. 로그인 창 뒷배경도 동영상이 보이도록 수정

15. 관리자 화면에서 전체 게시글 리스트 한번에 보기

16. 관리자 화면에서 게시글 수정하기

17. 관리자 화면에서 게시글 삭제하기

18. 관리자 화면에서 게시글 새로 작성하기

19. 방문자 수 구현하기 => 실패 => 성공

---

 

이전 글에서는 라라독(laradock)을 활용한 라라벨 개발 환경 구축을 해보았습니다.

라라벨(laravel) 개발 환경 구축하기-1 (Windows & 도커(docker) & 라라독(laradock)활용)

이번 글에서는 sail을 활용한 라라벨 개발 환경을 만들어 보도록 하겠습니다.

 

0. 기본으로 설치되어야 할 것

  가. 도커(docker)가 설치 및 실행이 되어 있어야 합니다. 설치하는 방법은 여기를 눌러 참고하세요.

  나. 에디터는 Visual Studio Code를 사용합니다.

 

1. Visual Studio Code를 열어줍니다. 저같은 경우 윈도우 탐색기에서 원하는 폴더를 먼저 만든 후 마우스 오른쪽을 눌러 Code로 열기를 눌러줍니다.

 

2. 터미널 창이 없을 경우 '메뉴-터미널-새 터미널'을 눌러줍니다. 그리고, 현재 작업할 폴더가 제대로 설정이 되어 있는지 확인합니다.

 

3. 아래 명령을 입력하여 설치된 것이 2개인지 확인합니다.

wsl -l -v

 

4. 우분투를 설치해줍니다.

wsl --install -d Ubuntu

 

5. 설치 후 아래와 같은 창이 뜨면 사용자명과 패스워드를 원하는대로 입력해 줍니다. (잘 기억할 것)

 

6. 이제 위 5번 우툰부 창은 닫고, Visual Studio Code 터미널 창으로 돌아와서 아래 명령을 다시 입력해 봅니다. 그럼 Ubuntu 가 설치되었으며, VERSION 이 1인 것을 볼 수 있습니다.

wsl -l -v

 

7. 이 VERSION을 2로 바꾸어야 하며, 현재 docker-desktop 앞에 * 모양이 있는데, 이것을 Ubuntu로 옮겨와야 합니다.  아래의 명령을 입력하면 됩니다.

wsl --set-version Ubuntu 2    # 버전을 2로 바꾸는 명령
wsl --set-default Ubuntu      # Ubuntu를 default 로 변경하는 명령
wsl -l -v                     # 확인

 

8. 이제 우분투 리눅스로 들어갑니다. 그럼 프롬프트가 $로 바뀝니다.

wsl

 

9. 아래 명령으로 프로젝트를 생성합니다. 여기서는 munglara 라는 프로젝트를 생성합니다. (아래 명령으로 자동으로 도커 이미지 및 컨테이너를 생성해줍니다.)

curl -s "https://laravel.build/munglara" | bash

 

10. 설치 중에 아래와 같이 패스워드를 입력하라고 나오면, 아까 우분투를 설치하면서 입력했던 패스워드를 입력해 줍니다. (그럼 도커 프로그램에서 1개의 이미지가 생성된 것을 볼 수 있습니다.)

 

11. 마지막에 보여준 명령어를 터미널 창에 그대로 입력합니다. (처음 실행시 시간이 다소 걸립니다.)

cd munglara && ./vendor/bin/sail up

 

12. 아래와 같은 메시지가 나오면 설치가 완료된 것입니다.

(아래는 도커 프로그램에 생성된 이미지들과 컨테이너 모습)

 

13. 이제 http://127.0.0.1/ 을 열어보면 아래와 같은 화면을 볼 수 있습니다.

 

 

(참고 명령)

# spatie/yaml-front-matter 설치시
./vendor/bin/sail composer require spatie/yaml-front-matter

# migrate 실행시
./vendor/bin/sail php artisan migrate