지난 게시물은 윈도우 운영체제에 localhost 서버를 구축하는 작업을 포스팅했다. 나는 데스크탑 (windows)과 맥북(Mac OS)를 쓰기 때문에 공부를 위해선 두 운영체제에 모두 localhost를 구축해야했다. 이번 포스팅은 Mac OS에서 localhost 서버를 구축하는 내용으로 진행해보겠다.
[Ajax] Ajax 사용 준비 - 웹서버 (localhost) 구축하기 (Windows)
내가 코딩하는 환경은 vsc (Visual Studio Code) 이다. 최근까지도 vsc로 파이썬을 공부하고 있고, jquery, Ajax도 vsc를 사용해서 쓰고 있다. 파이썬과 달리 HTML이나 CSS, 프론트단 js는 간단히 보여지는 html문
developer-ktu.tistory.com
2) Mac OS
일단 mac OS는 MAMP라는 프로그램으로 localhost 서버를 구축해야한다.
↓ 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 프로그램은 M1칩 Mac OS도 지원을 하는 것 같다. (오 좋은데?)
이렇게 다운받으면 설치화면이 나온다.
'계속'
얘도 '계속'
'Continue'
'Agree'
'설치' 버튼을 누른다. 은근히 용량이 크다 (1.82 GB)
모든 설치가 완료되었으면, Apache, PHP, Mysql 패키지가 설치된 것이다. (웹서버 로컬호스트 사용 가능)
이제 Finder에서 cmd + shift + c를 누르면 매킨토시 디렉토리를 볼 수 있다. 그 다음 App/MAMP/htdocs 디렉토리에 원하는 html, css, js 파일등을 넣으면 된다. (로컬호스트 서버에 파일을 등록하는 것이다.)
아래는 MAMP 프로그램 실행화면이다.
왼쪽 상단 설정탭에서 포트번호도 설정할 수 있다. 자 그럼 'start' 버튼을 누르고 브라우저에서 'localhost:포트번호'를 넣으면 정상적으로 동작한다.
예를들면 ' localhost:포트번호/폴더이름/html파일명 으로 입력해주면 정상적으로 페이지가 나올 것이다! (html 파일명이 생략된다면 브라우저에선 'index.html'로 인식한다.)
정상적으로 잘 나오는 localhost 페이지 화면
읽어주셔서 감사합니다! 다음 포스트에서 계속됩니다.
'웹 개발 공부 : Front-end > Ajax' 카테고리의 다른 글
| [Ajax] Ajax 사용 준비 - 웹서버 (localhost) 구축하기 (Windows) (0) | 2021.09.10 |
|---|---|
| [Ajax] Ajax 개요 (0) | 2021.09.09 |
