맥북 웹 개발 환경 구축_NO2

1. 터미널 명령어를 통해 비쥬얼 스튜디오 코드를 설치해서 편집을 쉽게 해 보도록 한다.

brew install --cask visual-studio-code

2. 다음 명령어를 통해 심볼릭 링크를 생성하도록 한다.

ln -s /Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin/code /opt/homebrew/bin/code

3. 다음 명령어를 입력하면 비쥬얼 스튜디오 코드가 실행된다.

code /opt/homebrew/etc/httpd/httpd.conf

4. 아래와 같은 화면에서 돋보기 모양에서 listen을 입력하여 Listen 8080을 찾는다.

일반적으로 웹서버 포트는 80을 사용하기 때문에 80으로 바꿔보도록 한다.

Listen 8080

Listen 80

5. 비쥬얼 스튜디오 코드에서 찾기를 통해 다음을 찾고, 해당 부분을 아래와 같이 바꿔준다.

(혹시 몰라서 기존 부분은 # 주석처리를 해줬다.)

DocumentRoot "/opt/homebrew/var/www"

<Directory  "/opt/homebrew/var/www">

DocumentRoot "/Users/mac22/Sites"
<Directory "/Users/mac22/Sites">
-> 자신의 맥북 유저명을 입력한다. 나의 경우 mac22

★ Document Root
가장 중요한 지시어 'DocumentRoot'이다. Document(문서의) Root(최상위)라는 뜻으로 웹 서버에서 제일 먼저 제공할 문서들(html 등)이 들어있는 최상위 디렉터리(/)를 설정하는 지시어다.
★ Directory
<Directory "디렉토리 절대 위치"></Directory>란 컨테이너 지시어는 아파치가 "디렉터리

6. AllowOverride를 찾아서 None설정을 All로 바꿔준다.

#  AllowOverride controls what directives may be placed in .htaccess files.
# It can be "All", "None", or any combination of the keywords:
# AllowOverride FileInfo AuthConfig Limit
AllowOverride All

★ AllowOverride
디렉토리에 .htaccess 파일이 있을 경우 기존 설정을 덮어 쓸지 여부를 설정한다. 기본설정은 None이다.
★ .htaccess files
웹서비스 디렉토리별로 설정이 달라져야 할 경우가 있고, 관리자가 모든 설정을 일일이 하기는 힘들기 때문에 개별 디렉터리마다 다른 설정을 하기 위해 존재하는 파일이다. (EX 호스팅을 받아 서비스 사용시 .htaccess 파일을 사용)

7.  mod_rewrite 재설정한다.

해당 부분의 주석처리를 해제한다.

LoadModule rewrite_module lib/httpd/modules/mod_rewrite.so

★ mod_rewrite
URL을 관리하는 모듈이다. 브라우저의 반영 없이 바로 전달받은 URL을 재 작성하는 모듈이다.
웹 페이지의 접근 URL이 매우 복잡할 경우 mod_rewrite를 설정하는 것으로 간단한 URL로 접근이 가능하며, 한개의 사이트가 여러 개의 도메인을 통한 접근 등 다방면으로 활용이 가능하다.
예) www.naver.com, www.naver.co.kr, www.naver.kr를 통하여 사이트에 접속할 경우 전부 www.naver.com으로 이동된다.

8. User , Group 설정

초기설정은 _www로 되어 있다. 초기설정을 그대로 사용할 경우 홈 디렉토리에 있는 파일에 액세스 하려고 할 때 권한 문제가 발생한다.

따라서 다음과 같이 변경한다.

User mac22 (자신의 맥 유저명)
Group staff

★ User , Group 
웹서버를 실행할 때 소유권을 갖게 되는 사용자와 그룹명을 지정한다.

9. ServerName을 변경한다.

#ServerName www.example.com:8080

ServerName localhost

10. 위에서 정의했었던 sites 폴더를 만든다.

mkdir ~/sites
#sites폴더를 만듬
cd /Users/your_user/Documents/Sites
#change directory명령을 통해 sites디렉토리로 이동
echo "<h1>Perfact Man</h1>" > index.html
# 웹사이트에 표시할 내용을 입력한다.
brew services restart httpd
# 그리고 마지막으로 아파치를 재시작한다.

참고로 Sites폴더를 만들고 제대로 만들어졌는지 폴더 이름으로 정렬해서 리스팅 해볼 수 있다.

ls | sort -f

그리고 만약 폴더를 삭제할 경우 다음과 같은 명령어를 사용하면 된다.

rm -r [폴더이름]
여기선 rm -r Sites

11.  자신이 입력한 문구(Perfect Man)이 출력되는지 확인한다.

2부를 마치도록 한다. 난관에 너무 많이 부딪혀서.. 피땀 흘렸다..