190106

7일차 : ~웹호스팅



17. 웹호스팅 (github pages)

- 서버 한대 한대가 host

- 무료이면서 유명한 서비스, github

- repository(저장소)

- commit(행하다, 위탁하다)

- github에 업로드하고 우리는 웹서버에 호스팅

- (free) static web hosting

  (bitball.com neocities.org amazonS3 GoogleCloudStorage AzureBlob)



연말 연초에 다녀올 곳도 있었고, 쉬기도 했고, 놀기도 하느라 참 아무것도 안했다

ㅠㅠ

저작자표시 비영리 변경금지

'study > coding' 카테고리의 다른 글

181230 WEB1 5,6일차 ~웹사이트 완성, ~서버와 클라이언트  (0) 2018.12.30
181227 코딩야학5기 WEB1 4일차 ~HTML 태그의 제왕  (0) 2018.12.28
181226 코딩야학5기 WEB1 3일차 ~최후의 문법 속성과 img  (0) 2018.12.27
181223 코딩야학 5기 WEB1 2일차 ~통계에 기반한 학습  (0) 2018.12.23
181223 코딩야학 5기 WEB1 1일차 수업소개 ~ 실습환경 준비  (0) 2018.12.22

181230

5일차 : ~웹사이트 완성

6일차 : ~서버와 클라이언트



14. 웹사이트 완성


- 1.html에 각각 카테고리에 링크를 걸어준 후 1.html을 복사해서 2.html, 3.html, index.html을 만들고 각각 페이지의 내용 수정



15. 원시웹


- 



16. 인터넷을 여는 열쇠 : 서버와 클라이언트


- Web Browser와 Web Server


- Web hosting과 Web Server, 나의 웹을 serve하는 두가지 방법




저작자표시 비영리 변경금지

'study > coding' 카테고리의 다른 글

190106 WEB1 7일차 ~웹호스팅  (0) 2019.01.06
181227 코딩야학5기 WEB1 4일차 ~HTML 태그의 제왕  (0) 2018.12.28
181226 코딩야학5기 WEB1 3일차 ~최후의 문법 속성과 img  (0) 2018.12.27
181223 코딩야학 5기 WEB1 2일차 ~통계에 기반한 학습  (0) 2018.12.23
181223 코딩야학 5기 WEB1 1일차 수업소개 ~ 실습환경 준비  (0) 2018.12.22

181227

4일차 : ~HTML 태그의 제왕


11. 부모자식과 목록


- 

<parent>

<child></child>

</parent>


일때, 포함하고 있는 태그를 부모태그, 포함된 태그를 자식태그라고 함


- 목차, 목록 태그, list 태그 <li></li>


- <li></li>의 부모 태그 <ul></ul>태그,  Unordered List의 약자


- 

<ol>

<li></li>

<li></li>

</ol>

의 경우 넘버링이 됨, Ordered List의 약자


- 표의 경우에는 

<table>

<tr>

<td></td>

<td></td>

</tr>

</table>

3대가 같이다니는 태그



12. 문서의 구조와 슈퍼스타들


- 정보가 많아짐에 따라 잘 정돈하기 위한 체계, 구조를 만드는 방법


- 제목을 정하는 태그, <title></title>


- <meta charset="utf-8">, utf-8로 저장해줘 라는 태그,  char 는 문자, set은 규칙


- <title></title><meta~>는 본문을 설명해주는 태그


- 본문은 <body></body>의 태그로 묶기로 약속함


- <body></body>를 설명하는 태그는 <head></head>태그에 넣기로 약속함


- 이 <body></body> 태그와 <head></head>를 <html></html>로 묶기로 약속함


- 그리고 관용적으로 맨 위에는

<!doctype html>

라고 작성, '이 문서는 html이다'



13. HTML 태그의 제왕


-  anchor를 의미하는 <a></a>태그, 닻, 링크를 의미하는 태그

<a href="주소">, h는 하이퍼텍스트, ref는 참조, target 은 어떻게 열것인가?, title은 커서올렸을때..








저작자표시 비영리 변경금지

'study > coding' 카테고리의 다른 글

190106 WEB1 7일차 ~웹호스팅  (0) 2019.01.06
181230 WEB1 5,6일차 ~웹사이트 완성, ~서버와 클라이언트  (0) 2018.12.30
181226 코딩야학5기 WEB1 3일차 ~최후의 문법 속성과 img  (0) 2018.12.27
181223 코딩야학 5기 WEB1 2일차 ~통계에 기반한 학습  (0) 2018.12.23
181223 코딩야학 5기 WEB1 1일차 수업소개 ~ 실습환경 준비  (0) 2018.12.22

181226 

3일차 : ~최후의 문법 속성과 img



08. 줄바꿈


- 'html new line tag' 검색


- 'html paragraph tag' 검색


- 새로운 줄 태그는 <br>


- 단락 태그는 <p></p>


- <br>태그는 닫히는 태그 필요 없지만 <p>태그는 닫히는 태그 필요



09. HTML이 중요한 이유


- 정보의 가치, css tag와 h3 tag



10. 최후의 문법 속성과 img


- 그림을 보여주는 tag, img


- 그림의 위치는 source, 너비는 width


- <img src="coding.jpg" width="100%"> 일때, src="coding.jpg" width="100%" < 이 부분을 속성(attribute)라고 함





저작자표시 비영리 변경금지

'study > coding' 카테고리의 다른 글

190106 WEB1 7일차 ~웹호스팅  (0) 2019.01.06
181230 WEB1 5,6일차 ~웹사이트 완성, ~서버와 클라이언트  (0) 2018.12.30
181227 코딩야학5기 WEB1 4일차 ~HTML 태그의 제왕  (0) 2018.12.28
181223 코딩야학 5기 WEB1 2일차 ~통계에 기반한 학습  (0) 2018.12.23
181223 코딩야학 5기 WEB1 1일차 수업소개 ~ 실습환경 준비  (0) 2018.12.22

181223

2일차 : ~통계에 기반한 학습



05. 기본 문법 - 태그


- <strong></strong> 진하게, 앞에 있는 <strong> 태그는 열리는 태그, 뒤에 있는 </strong>은 닫히는 태그


- <u></u> = <underline></underline> 밑줄




06. 혁명적인 변화


- 브라우저에서 '페이지 소스'를 본다면 어떤 코드로 쓰여있는지 확인 할 수 있음


- h1 태그를 알고 싶다면, 'HTML h1 tag'를 검색해보는건 어떨까,





07. 통계에 기반한 학습


- 

저작자표시 비영리 변경금지

'study > coding' 카테고리의 다른 글

190106 WEB1 7일차 ~웹호스팅  (0) 2019.01.06
181230 WEB1 5,6일차 ~웹사이트 완성, ~서버와 클라이언트  (0) 2018.12.30
181227 코딩야학5기 WEB1 4일차 ~HTML 태그의 제왕  (0) 2018.12.28
181226 코딩야학5기 WEB1 3일차 ~최후의 문법 속성과 img  (0) 2018.12.27
181223 코딩야학 5기 WEB1 1일차 수업소개 ~ 실습환경 준비  (0) 2018.12.22

181222

1일차 : 수업소개부터 실습환경준비까지




01. 프로젝트의 동기



02. 기획



03. 코딩과 HTML


- code는 원인 application, app, program, webpage, website는 결과


- Webpage 를 만드는 언어는 HTML


- HTML은 쉽고, 중요하다


- HTML은 PUBLIC DOMAIN이다. 저작권이 없는 완전한 자유.



04. HTML 코딩 실습 환경 준비


- 웹브라우저 + HTML 언어를 코딩하는 프로그램(편집하는 프로그램 = 에디터(윈에서는 메모장))


- 에디터 ATOM 사용


- 에디터를 찾는 방법, HTML Editor 검색, best HTML Editor 2018 검색 등


- ATOM설치 방법 https://atom.io 방문하여 다운로드


- 단축키 A = 새 파일

- 단축키 shift A = 새 폴더

저작자표시 비영리 변경금지

'study > coding' 카테고리의 다른 글

190106 WEB1 7일차 ~웹호스팅  (0) 2019.01.06
181230 WEB1 5,6일차 ~웹사이트 완성, ~서버와 클라이언트  (0) 2018.12.30
181227 코딩야학5기 WEB1 4일차 ~HTML 태그의 제왕  (0) 2018.12.28
181226 코딩야학5기 WEB1 3일차 ~최후의 문법 속성과 img  (0) 2018.12.27
181223 코딩야학 5기 WEB1 2일차 ~통계에 기반한 학습  (0) 2018.12.23

+ Recent posts

티스토리툴바