[WEB] 웹 개발을 위한 개발환경 구축 후 "Hello World!" 출력해보기
MAMP란 웹사이트를 개발할 때 쓰이는 기술 스택인 macOS, Apache, MySQL, PHP의 약어이자 설루션 스택이다.
내 컴퓨터에 로컬 서버를 구축하기 위해 MAMP프로그램을 사용합니다.
MAMP 다운 링크
Downloads - MAMP & MAMP PRO
NAMO DNS AppThe perfect MAMP companion Access your MAMP websites under a fixed domain name in the LAN instead of just an IP address. Perfect for testing on mobile devices. Try Now Buy NAMO Learn more
www.mamp.info
환경설정
MAMP 프로그램 실행 후 Preferences 클릭
Ports 탭에서 set Web & MySQL ports t o80 & 3306 선택
그리고 에디터는 아통(Atom)을 사용합니다.
Atom 다운 링크
A hackable text editor for the 21st Century
At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it.
atom.io
아톰을 실행 후 ctrl+N을 눌러서 New file을 생성합니다.
Hello World!에디터에 Hello World! 를 입력해주고 ctrl+S를 통해 파일명을 helloworld.html으로 저장해줍니다.
해당 파일을 실행 시켜 주면 아래와 같이 Hello World! 출력 성공!
실행을 편하게 하기 위해서 아톰 패키지에서 atom-html-preview라는 패키지도 설치해줍니다.
Ctrl + Shift + H 를 하면 html preview화면을 띄울 수 있습니다.
항상 시작이 반인데 왜 항상 반도 못하는 건지. 열심히 해서 후회하지 말자