생활코딩님이 비전공자 직장 동료들을 위해 개발 강의를 시작했고 점차 일반인으로까지 강의를 확대함
강사 학생 모두 너무 많은 시간과 돈이 들었고 이때 마침 YOUTUBE 같은 동영상 사이트가 유행하기 시작함
YOUTUBE 에 강의 내용 업로드>하지만 영상 순서 정리 /자세한 내용 삽입에 어려움을 느낌
어떤일을 기계가 어떤일을 사람이 할까/ 원인과 결과 추론>수업에서 가장 중요한 부분
원인/사람이 하는 일) Code-부호/신호 Source-원천 Language-언어/프로그래밍 언어
결과/기계가 하는 일) Application/App/Program/Webpage/Website
>>코딩 핵심)원인인 코드을 통해서 결과를 만들어내는 것
-HTML:웹페이지 만드는 코드>배우기 쉬움/ 중요함/퍼블릭 도메인
HTML Editor -코드 작성 프로그램 /검색방법 'best HTML Editor 20xx'
-e.g.)메모장, textedit, gedit, ATOM
태그: 문법-설명
-<태그> 내용 </태그>
<strong>진하게</strong> <u>밑줄</u>
<h1>h=heading=제목/페이지 당 하나/<h1>~<h6>까지 존재/1,2...6 순서대로 갈것</h1>
-150+개 정도의 태그가 있고 26개 정도의 태그를 사용하는 사이트가 가장많음
*통계적으로 앞에 있는 몇개/ 우리가 초반에 배우는 몇가지가 쉽지만 가장 많이 쓰이고 가장 중요함
>>공부를 시작할때 그 방대한 양에 주눅들지 말고 초반에 열심히 배워서 기초를 잘 닦을 것
<br> line braker=줄바꿈
-시각적 의미만 있어서 뒤에 감쌀 필요 x
<p> paragraph= 문단 바꿈 </p>
*css 살짝 추가하면 이런게 나옴 <p style="margin-top:45px;">
HTML이 중요한 이유
-알맞은 HTML을 써야 검색엔진에서 검색이 잘됨=비지니스적 측면
-e.g.)
<span style="font-size:24px;"> coding </span> 과 <h3>coding</h3> 는 결과물은 같을지 몰라도 검색엔진에서 후자의 coding이 훨씬 상단에 노출됨
-시각장애인들에게 시각적인 정보를 청각적으로 바꿔주는 프로그램은 이미지 읽을 수 없음=휴머니즘적 측면
속성=attribute
-태그가 이름만으로 부족할 때 속성을 통해 더 많은 의미 부여
-e.g)
<img>
<img src="coding.jpg" width="100%">
*unsplash.com 저작권 없는 이미지 사이트
부모 태그/자식 태그
<ul>unordered list=순서 없는 목록</ul> (부모)과 <li>list=목차, 목록</li> (자식)
<ol>ordered list</ol> (부모)과 <li> (자식)
가장 많이 쓰이는 태그
-<title>본문 제목</title>-검색엔진이 중요시 함
-<meta charset="utf-8"> = '이 웹 페이지는 utf-8 방식으로 저장되어 있다'='이 웹 페이지는 utf-8 방식으로 열어라' *charset=character(문자)+set(규칙)
-<!doctype html>='이 문서는 html이다'
-<html>전체</html>
-<head>본문을 설명하는 태그</head>
-<body>본문</body>
-e.g.)
<!doctype html>
<html>
<head></head>
<body></body>
</html>
>>모든 html 은 이런 형식
<a>: 링크
-e.g.)
<a>anchor=닻=링크</a>
<a href="도메인 주소" target="_blank" title="툴팁으로 링크 클릭전 알려주기"> 내용 </a>
*href=hypertext+referance=하이퍼텍스트+참조
*target="_blank": 클릭시 새탭에서 열기
*title="툴팁으로 링크 클릭전 알려주기"
웹의 탄생
-1960년, 인터넷 탄생
-1990년, 팀 버너스리가 스위스 제네바의 유럽 입자 물리 연구소에서 최초의 웹을 만듦
인터넷의 탄생
-브라우저/클라이언트(요청)<->서버(응답)
-웹서버 사용: 내 컴퓨터에 있는 문서를 전세계에 누구나 인터넷이 연결되어 있는 컴퓨터에 웹브라우저를 깔면 가져다 볼수 있게 할수 있다
>>웹 호스팅(대행 업체 사용)/ 직접 컴퓨터에 웹 서버 깔기
웹 호스팅/클라우드
:컴퓨터의 웹 서버와 같이 웹을 동작하기 위해서 필요한 소프트웨어를 설치해서 빌려주는 서비스
*호스트: 인터넷에 연결된 각각의 컴퓨터
-e.g.)GitHub.com
1.내 컴퓨터에서 웹사이트를 만들고 파일 업로드>>소스코드가 웹 호스팅으로 업로드
2.업체는 웹서버 활성화>>도메인 이름 부여
3.방문자가 도메인 주소로 접속>>웹 서버가 소스코드를 읽고 방문자에게 소스코드 전송
4.방문자의 웹브라우저에 웹페이지 표시
>>장점: 개발자는 코딩만 하고 나머지는 웹호스팅 업체에 맡기면 됨
단점: 웹서버 원리를 알수 없고, 직접 서비스 불가
웹서버 직접 운영
Web Server for Chrome 이용해서 실행
'입문 > 생활코딩' 카테고리의 다른 글
| JAVA - method (0) | 2022.12.08 |
|---|---|
| JAVA - 제어문 (0) | 2022.12.07 |
| JAVA (0) | 2022.11.27 |
