프로젝트를 실행하기 전에 개발 환경을 셋팅해야한다.
AMP 환경 셋팅
- AMP의 약자는 apache, php, mysql
- 여러 방법이 있지만 손쉽게 세팅할 수 있는 비트나미(bitnami)로 설정
bitnami 설치
- 먼저 비트나미 어플리케이션들이 있는 페이지로 이동
- 이때 apm 앞에 m이나 w가 붙은 mamp와 wamp 가 있다. 이는 운영체제의 약자로 mac은 mamp window는 wamp를 다운 받으면된다.(현재 맥북에서 포스팅 중이므로 mamp 기준으로 포스팅. 사실 거의 같다고 봐도 무방)
- 클릭해서 이동 후 하단에 다운로드 할 수 있는 버튼이 있다. 노란색 버튼은 최신 버튼을 누르면되고 원하는 버전이 있다면 아래에서 다운가능
- 다운이 끝나면 다운로드 경로에 해당 파일이 생깁니다.
- 실행 후 아래 설명처럼 아이콘을 더블클릭하면 설치가 진행됩니다.
- 환영한다고 하네요. 다음 누르시고
- 설치할때 함께 설치할 프레임워크를 고를 수 있는데 포스팅에서는 프레임워크를 사용하지 않기에 모두 체크를 풀어주세요. PhpMyAdmin은 기본 설정이라 자동체크로 함께 설치해야합니다. 이름에서 보다시피 관리 관련 기능 입니다.
- 설치경로를 설정하시고 다음을 눌러주세요.
데이터베이스 Root 계정 비밀번호 설정
-
데이터베이스(mysql) 계정 설정입니다. 비밀번호를 설정해주세요. 위 아래 같이 입력하고 다음을 눌러주세요.
-
나중에 까먹고 비밀번호를 되찾는 방법을 공부할 생각이 아니면 공부용이기에 비밀번호를 어렵해 할 필요는 없습니다.
-
비밀번호는 6자리 이상으로 해주세요. 안그럼 경고창 뜨고 다시 설정해야합니다.
- 다음 페이지에서 기본 체크박스가 되어있는데 불필요한 내용이므로 체크박스를 풀고 다음페이지로 이동해주세요.
- 설정을 다했으니 이제 설치한다는 내용입니다. 다음 클릭
- 신나게 설치중이네요
- 설치가 완료되면 자동으로 다음 화면으로 넘어 갑니다.
- 완료 화면에 체크박스는 바로 해당 앱을 실행할지 유무에 대한 체크박스입니다.
- 체크 후 finish 버튼 클릭
Bitnami 실행
- 앱이 실행되고 127.0.0.1:8080 주소의 페이지가 켜집니다.
- 앱에서 Manage Servers를 클릭
- 파란색은 정상적으로 작동된다는 뜻입니다. 노란색은 부팅 중이며 빨간색은 오류거나 서버가 꺼져있는 상태입니다. Status 필드에 상태 내용이 적혀 있습니다.
- 우측 버튼으로 아파치 웹서버서나 데이터베이스 기능을 선택 제어 할 수 있습니다.
- 아래쪽 버튼으로 일괄 제어가 가능합니다.
- 서버나 데이터베이스를 개발 중 재부팅 해야할 상황 오는데 이때 사용하시면 됩니다.
- 비트나미가 설치 되고 정상적으로 구동이 되면 로컬서버로(127.0.0.1:8080) 페이지가 뜹니다.
파일 출력 테스트
- 이제 설치된 에디터로 해당 경로 폴더를 엽니다.
- mamp 설치 경로에서 mampstack-7.3.10-0 > apache2 > htdocs
- 저같은 경우는 vscode 를 사용했습니다. 아톰이나 서브라인 텍스트 등 다른 에디터를 사용하셔도 됩니다.
- 해당 경로로 이동하면 기본 내장 파일들이 존재합니다.
- 앞서 설명한 비트나미 amp 가 설치되면서 떴던 로컬 서버 페이지에 있는 사진과 문자들입니다.
- 모두 삭제 해주세요.
- 삭제 후 index.php 파일을 만들어 '환경설정 완료~' 라는 문자를 출력하게 해주세요.
- 이후 비트나미 앱에서 아파치 서버를 재실행(restart)해주고 아이콘이 노란색에서 초록으로 바뀔 때까지 기다려주세요.
- 재부팅이 완료되면 다시 로컬서버(127.0.0.1:8080) 페이지에서 새로고침을 해주세요.
- 짜잔!! 그럼 해당 내용이 출력됩니다~ 이제 모든 설정이 완료 되었습니다. 다음 포스팅 부터 본격적으로 시작해 봅시다 🤜
기록