41. 웹서버,FTP서버,모바일 홈페이지 만들기

by Master Seo

Aug 17. 2019

1. 목표

웹서버,FTP서버,모바일 홈페이지 만들기

<배우는것들>

웹서버의 개념

클라이언트 서버 개념

웹서버 데몬

서버 어플리케이셜 설치 개념

공인 IP의 개념

방화벽 개념

폴더 개념

pc나 스마트폰에서 웹서버로 들어가는 80포트를 열어줘야 한다.

웹서버 입장에서 들오는 트래픽을 ALLOW 한다.

https://brunch.co.kr/@topasvga/375

29.(입문서) HTML5 시작

모바일 홈페이지 혼자 만들자 | < 서비스를 만드는 프로그래밍 언어 HTML > <1> 툴 다운로드 하기 <2> HTML 실습해보자 <1> 툴 다운로드 하기 1) 텍스트 에디터 HTML을 작성하기 위한 프로그램 https://notepad-plus-plus.org// 2) 브라우져 HTML을 테스트하기 위한 구글 크롬 https://www.google.com/intl

https://brunch.co.kr/@topasvga/375

에디터들

리눅스 에디터

VI , nano

VI 에디터 어렵지요 ??? ~ 가져다 쓰자 !!!

https://www.w3schools.com/

W3Schools Online Web Tutorials

https://www.w3schools.com/

w3schools.com 에서 소스를 복사해서 , nano 에디터를 이용해 사이트를 변경해 보자.

<배우는것들>

서버 계정 생성

계정의 암호 설정

FTP 클라이언트

FTP서버

기본 폴더

copy 명령어

방화벽

HTML

Windows 에디터

Programmer's Notepad https://www.pnotepad.org/

notepad ++ https://notepad-plus-plus.org/

https://software.naver.com/

https://software.naver.com/search.nhn?query=edit

브라우저들

크롬 https://www.google.com/chrome/

Firefox https://www.mozilla.org/ko/firefox/new/

Windows용 FTP 클라이언트 설치

File Zilla https://filezilla-project.org/

MAC용 FTP 클라이언트 설치

File Zilla https://filezilla-project.org/

Cyberduck https://cyberduck.io/

.

<명령어>

cd /home/test1

pwd

/home/test1

cp 111.jpg /var/www/html

cd /var/www/html

ls

111.jpg

백업하기

[root@ip-10-0-0-100 ~]# cd /var/www/html/

[root@ip-10-0-0-100 html]# ls

index.html

[root@ip-10-0-0-100 html]# cp index.html index.html-2019-0825

[root@ip-10-0-0-100 html]# pwd

/var/www/html

부트스트랩 샘플

https://www.creative-tim.com/

Premium Bootstrap Themes and Templates

UI Kits, Templates and Dashboards built on top of Bootstrap, Vue.js, React, Angular, Node.js and Laravel. Join 852,476+ users and to access all our free items!

https://www.creative-tim.com/