[PHP] CentOS 7 Apache와 아톰 연동하기

1. 아톰 공식 홈페이지에 가서 아톰을 다운받는다.

 

https://atom.io/

A hackable text editor for the 21st Century

 

2. 다운받은 설치 파일을 윈도우에 설치한다.

 

3. Register as default atom:// URI handler 이렇게 쓰여진 작은 팝업하나 뜨는데 그때 Yes를 누른다.

 

4. File -> settings에 들어가서 왼쪽에 + install이라 써진 버튼을 눌러 플러그인을 몇 가지 다운받는다.

 - Emmet : tab키를 통해 코드의 자동완성을 도와준다. 젠코딩(Zen Coding)과 같다.

 - atom-beautify : 정리 안된 코드들을 들여쓰기 및 일정한 간격으로 보기 좋게 정리해준다.

 - Minimap : 화면 우측에 현재 페이지의 코드들을 미니맵으로 나타낸다.

 - Minimap-cursorline : 미니맵을 통해 현재 코드의 위치를 보여준다.

 - Minimap-highlight-selected : 미니맵에 선택한 코드와 동일한 코드를 표시한다.

 - highlight-selected : 선택한 코드와 동일한 코드를 표시한다.

 - pigments : 코드 내에 컬러값을 직관적으로 보여준다.

 - color-picker : 에디터 안에서 색상 팔레트를 보고 사용할 수 있다.

 - Linter : 자동으로 문법 검사를 해준다.

   (linter 설치 후 linter-html/linter-css/linter-js 등 따로 설치)

 - remote-ftp : FTP 를 연동할 수 있다.

   ( Packages > Remote-FTP > Create FTP config file

 

그 외)

 

- atom-autocomplete-php : php 언어를 자동완성시켜주는 플러그인

- busy-signal

- intentious

- linter / linter-ui-default

- open in browsers

- php-server

 

그 다음 버추얼박스의 센토스를 우클릭해서 설정 -> 네트워크 -> 어댑터 1 탭의 고급 클릭 시 포트 포워딩 버튼이 나온다. 눌러라.

 

누르면 대략 이런 화면이 나온다. 이렇게 세팅해라.

 

 

포트 번호는 각각 정해져 있는 번호 외에는 내 맘대로 설정해도 된다고 한다.

그 다음은 고정 ip를 설정해야 한다.

공유기 환경에서는 ip가 이리저리 바뀔 수 있기 때문에 고정 ip를 설정해야 한다고 한다.

센토스 터미널에서 아래의 명령어를 친다.

 

# vi /etc/sysconfig/network-scripts/ifcfg-enp0s3 (이 파일명은 다를 수 있다는데 난 똑같았다)

 

 

이 명령어를 치면 편집기 화면이 나오는데 이렇게 바꿔라.

 

 

보기 편하게 :set nu 명령어로 몇 번째 줄인지 표시해놨다.

원래 4번 줄은 주석처리가 돼 있지 않았다. 이걸 주석 처리하고 17~19번 줄을 맨 밑에 추가한다.

이렇게 하면 고정 ip 처리까지 끝났다.

 

이제 아톰을 실행한다.

위에서 말한 플러그인 중 remote-ftp를 써야 한다.

상단 탭 메뉴들 중 Packages -> Remote FTP -> Create SFTP config file 을 눌러서 SFTP 설정 파일을 생성한다.

그리고 아래와 같이 수정한다.

 

건드릴 부분은 3, 5, 6, 8번 줄 뿐이다. 원래 3번 줄에는 example.com 이런 식으로 사이트 주소가 있을 텐데 이걸 지워버리고 공백으로 둔다.

8번의 remote는 내가 만든 html 문서를 저장할 아파치 웹 서버의 웹 루트 디렉토리다.

 

※ 웹 루트 디렉토리 : https://kr.godaddy.com/help/what-is-my-websites-root-directory-in-plesk-hosting-16191 참고

 

 

5, 6번은 대충 설정했다. 2, 4번 줄은 원래부터 정해져서 나오는 이름과 포트 번호니까 건드릴 필요 없다.

이렇게 설정하고 다시 Packages -> Remote FTP -> Connect를 누르면 우측 상단에 파란색 박스에 connecting 이라는 문구와 그 바로 밑에 초록색으로 연결 성공했다는 내용의 알람이 올 것이다.

그리고 왼쪽에 phpinfo가 나오는 index.html이 있다면 아톰과 아파치 웹서버의 웹 루트 디렉토리 연동에 성공한 것이다.

이제 홈 페이지를 만들고 웹 서버에 저장할 기초 준비가 끝났다.

 

 

만약 Permission denied가 나온다면 htdocs의 index.html에

 

# chmod 777 index.html을 해주고 아톰을 껐다 키면 에러는 사라진다.