<div id="readability-page-1" class="page"><div><h2 id="centos에-ip로-접속">CentOS에 IP로 접속</h2>
<p>지난 포스팅에서 <a href="https://velog.io/@eunjeong/%ED%8C%8C%EC%9D%BC%EC%A7%88%EB%9D%BC-SSH-%EC%A0%91%EC%86%8D%ED%95%98%EA%B8%B0">파일질라에 SSH로 접속</a>하면서 IP를 변경했는데요.</p>
<p>변경한 IP로 접속을 해보니<br>
<img src="https://media.vlpt.us/images/eunjeong/post/a029e5ae-788d-4784-b13d-9b9a10a6b894/image.png"><br>
연결할 수 없다는 문구와 이미지가 나옵니다.<br>
<strong>접속을 위해서는 방화벽을 설정</strong>해야 합니다.</p>
<pre><code>//httpd가 설치 되어있는지를 먼저 확인
# rpm -qa httpd

//설치가 안되어있으면 설치
# yum install -y httpd

//httpd 서비스 재시작
# systemctl restart httpd

//httpd가 항상 동작하도록 설정
# systemctl enable httpd

//http 방화벽을 영구적으로 허용
# firewall-cmd --permanent --add-service=http

//ssh 방화벽을 영구적으로 허용
# firewall-cmd --permanent --add-service=ssh

//방화벽 reload
# firewall-cmd --reload</code></pre>
<p><img src="https://media.vlpt.us/images/eunjeong/post/ebf8b258-a01d-4ac8-984e-f9a140427906/image.png"><br>
정상적으로 접속되는걸 확인할 수 있습니다.</p>
<hr>
<h2 id="파일질라와-vs-code-연결">파일질라와 VS code 연결</h2>
<p>서버의 코드를 VS code에서 편하게 수정하고 바로 서버에 적용시키기 위해서 파일질라와 VS code를 연결하겠습니다.</p>
<h3 id="vs-code에서-필요한-util-다운받기">VS code에서 필요한 Util 다운받기</h3>
<p>Code &gt; Preferences &gt; Settings (파일 &gt; 기본설정 &gt;설정)으로 설정에 들어가줍니다.<br>
<img src="https://media.vlpt.us/images/eunjeong/post/6ce09f61-ff2b-4779-81f0-99f5061cfeb1/image.png"><br>
Encoding을 검색창에 입력해서 <strong>UTF-8</strong>을 선택해줍니다.<br>
<img src="https://media.vlpt.us/images/eunjeong/post/4691da9a-833b-46e5-b02b-c780d423daa3/image.png"><br>
왼쪽의 확장에서 <strong>HTML snippets</strong>을 검색해서 프로그램을 설치합니다.<br>
<img src="https://media.vlpt.us/images/eunjeong/post/45200ecb-fb47-43de-8c33-06ed15e974ea/image.png"><br>
다시 왼쪽의 확장 검색창에 <strong>SFTP</strong>를 검색해서 프로그램을 설치합니다.<br>
<img src="https://media.vlpt.us/images/eunjeong/post/80067fe8-fc15-4d10-bb36-4073d8261b4a/image.png"></p>
<h3 id="ssh-정보-입력하기">SSH 정보 입력하기</h3>
<p>왼쪽 상단 맨 위의 폴더 모양을 클릭해서 Open Folder를 클릭합니다.<br>
저는 빈 폴더를 새로 만들어서 열었습니다.<br>
<img src="https://media.vlpt.us/images/eunjeong/post/9640a07a-bb89-447c-b1c0-1fb46b1752be/image.png"><br>
F1을 눌러서 나타나는 검색창에 <strong>SFTP:Config</strong>를 입력합니다.<br>
<img src="https://media.vlpt.us/images/eunjeong/post/4618e2da-e196-4d84-836e-7ee665463958/image.png"><br>
Skeleton Code에 알맞은 정보를 입력합니다.<br>
<img src="https://media.vlpt.us/images/eunjeong/post/59b838a5-7f30-4a31-8f86-4e9a9aa82b19/image.png"></p>
<h3 id="연동하기">연동하기</h3>
<p>왼쪽 하단의 <strong>SFTP아이콘</strong>을 클릭합니다.</p>
<p>상단의 reload아이콘을 누루고, 연결을 원하는 sftp이름을 클릭하고, 상단의 입력창에 비밀번호를 입력합니다.<br>
<img src="https://media.vlpt.us/images/eunjeong/post/6b7dbd1f-4ffd-4390-87b4-a73c03af8984/image.png"><br>
정상적으로 연결된것을 확인할 수 있습니다.<br>
<img src="https://media.vlpt.us/images/eunjeong/post/c1acf3ac-f49a-4f99-98d0-3d09396913bd/image.png"></p>
<h3 id="파일-수정하기">파일 수정하기</h3>
<p>파일 수정을 위해서 /var/www/html에서 phpInfo.php파일을 찾아서 오른쪽 마우스를 클릭해서 <strong>Edit in Local</strong>을 클릭합니다.<br>
<img src="https://media.vlpt.us/images/eunjeong/post/cd6b07e2-ec3c-443b-b1e4-0300e77638a4/image.png"><br>
해당 파일을 열고 확인을 위해 &lt;h1&gt;TEST&lt;/h1&gt; 태그를 추가해줍니다.<br>
<img src="https://media.vlpt.us/images/eunjeong/post/91de55b2-3edc-4fa1-8d6c-774d21ffeaa1/image.png"><br>
CentOS에서 접속해서 올바르게 출력되는 것을 확인할 수 있습니다.<br>
<img src="https://media.vlpt.us/images/eunjeong/post/6299dd5f-5c7b-4d2b-88f1-4adea5b7e19b/image.png"></p>
<hr>
<h3 id="참고">참고</h3>
<ul>
<li><a href="https://jeongyd.tistory.com/22">JeongYD님 블로그</a></li>
<li><a href="https://blog.naver.com/PostView.nhn?blogId=jooeun0502&amp;logNo=222082066879">쥰님 블로그</a></li>
</ul></div></div>

eunjeong.log

CentOS에 IP로 접속
지난 포스팅에서 파일질라에 SSH로 접속하면서 IP를 변경했는데요.
변경한 IP로 접속을 해보니
연결할 수 없다는 문구와 이미지가 나옵니다.
접속을 위해서는 방화벽을 설정해야 합니다.
//httpd가 설치 되어있는지를 먼저 확인
# rpm -qa httpd
//설치가 안되어있으면 설치
# yum install -y httpd
//httpd 서비스 재시작
# systemctl restart httpd
//httpd가 항상 동작하도록 설정
# systemctl enable httpd
//http 방화벽을 영구적으로 허용
# firewall-cmd --permanent --add-service=http
//ssh 방화벽을 영구적으로 허용
# firewall-cmd --permanent --add-service=ssh
//방화벽 reload
# firewall-cmd --reload
정상적으로 접속되는걸 확인할 수 있습니다.
파일질라와 VS code 연결
서버의 코드를 VS code에서 편하게 수정하고 바로 서버에 적용시키기 위해서 파일질라와 VS code를 연결하겠습니다.
VS code에서 필요한 Util 다운받기
Code > Preferences > Settings (파일 > 기본설정 >설정)으로 설정에 들어가줍니다.
Encoding을 검색창에 입력해서 UTF-8을 선택해줍니다.
왼쪽의 확장에서 HTML snippets을 검색해서 프로그램을 설치합니다.
다시 왼쪽의 확장 검색창에 SFTP를 검색해서 프로그램을 설치합니다.
SSH 정보 입력하기
왼쪽 상단 맨 위의 폴더 모양을 클릭해서 Open Folder를 클릭합니다.
저는 빈 폴더를 새로 만들어서 열었습니다.
F1을 눌러서 나타나는 검색창에 SFTP:Config를 입력합니다.
Skeleton Code에 알맞은 정보를 입력합니다.
연동하기
왼쪽 하단의 SFTP아이콘을 클릭합니다.
상단의 reload아이콘을 누루고, 연결을 원하는 sftp이름을 클릭하고, 상단의 입력창에 비밀번호를 입력합니다.
정상적으로 연결된것을 확인할 수 있습니다.
파일 수정하기
파일 수정을 위해서 /var/www/html에서 phpInfo.php파일을 찾아서 오른쪽 마우스를 클릭해서 Edit in Local을 클릭합니다.
해당 파일을 열고 확인을 위해 <h1>TEST</h1> 태그를 추가해줍니다.
CentOS에서 접속해서 올바르게 출력되는 것을 확인할 수 있습니다.
참고
JeongYD님 블로그
쥰님 블로그

파일질라와 VScode 연동하기

댓글