[HTML]1.기본 (실습환경 ATOM, 깃허브, 아파치)

@@@@@유튜브 생활코딩으로 학습한걸 메모하는 용도인 점 참조 부탁드립니다@@@

 

 

 

[1]ATOM

- 코드 편집기

@@@@@5강@@@@@실습환경 준비

1.atom설치

2.atom인스톨

3.html폴더 (바탕화면이든 아무데나)만들기

4.atom에서 open folder로 html폴더 열기

5.파일 생성 ( “아무이름”.html) ( 확장자가 html)

6.브라우저에서 컨트롤+o > 열기 > 해당 파일 열기

7.atom에서 작업하고 > 브라우저 새로고침하면 작업한거 반영됨

 

@@@@@16강@@@@@ 원시웹

[1]원시웹

(1)인터넷 > 웹 (인터넷이 큰 범위)

-인터넷은 1960년대 핵전쟁 이후 통신마비 대비해 보완하면서 발전

-웹은 1990년대 스위스에서 생성 (팀버너스리)

(info.cern.ch  에서 웹이시작 > 주소창에 쳐보면 나옴)

 

 

@@@@@17강@@@@@ 서버와 클라이언트 (패스가능)

 

[2]깃허브

- 코드 공유 + 서버호스팅

@@@@@18강@@@@@ 웹호스팅

-웹서버 vs 웹호스팅 >>우리는 웹호스팅을 사용하지만 깃허브를 사용

[1]깃허브 보관

1)깃허브 사이트 접속

2)new repository

3)repository name 정하기 (public선택 > initialize this …re…이거 체크하기)

4)업로드 파일스 (드래그앤드롭 혹은 추즈파일)

5)여러 개 파일 선택해서 오픈

6)커밋 체인지에 보관하는 버전메모 남기기 가능

7)커밋 체인지스 버튼 클릭

8)해당 url주소 다른사람한테 주면 다른사람이 다운받기 가능

>>우리 소스코드를 인터넷상 올려놓는 것

(우리의 파일을 운영할수있도록 컴퓨터와 웹서버를 무료로 제공 > 세팅해줘야함)

9)세팅스 클릭 > 쭉내려서 깃헙 페이지스 > 논 을 마스터 브런치로 변경 > 오른쪽 저장

10)우리 웹사이트 주소 알려줌 > 그거 클릭하면 해당 주소로 이동함

>>즉 다른사람이 우리 파일에 접속할 수가 없으니 > 깃허브통해서 우리 파일 업로드하고 > 웹서버로도 쓸거에요 세팅해주면 > 다른 사람이 우리 파일들 브라우저에서 읽어서 클라이언트,서브 개념 사용가능

 

 

[3]아파치

- 웹서버

@@@@@19강@@@@@ 웹서버 운영하기 (패스가능)

@@@@@20강~26강@@@@@ 웹서버 설치 및 http, 브라우저와 통신

(1)아파치 설치방법 설명 (bitnami 활용)

-즉, 내컴퓨터에 서버 설치하는 것

-즉, 기존에는 (서버없이)브라우저에서 그냥 파일여는거였는데, 서버설치하면 요청하고 응답해서 보여주는 process가 되는것임