본문 바로가기

국비교육 빅데이터 분석과정 수업일지

#11 첫 시험과 HTML, 데이터분석 입문_day11💩

🧑‍💻
12/28 슬기로운 코딩생활

 

<1차 시험> → 다행히 통과

장고걸스 파이썬 튜토리얼

[교재] 데이터 과학을 위한 파이썬 ch 1~9

10 minutes to pandas

101 pandas tips for beginners_titanic

numpy cheat sheet

 

 

🖊️
공부기록

프로그래밍과 HTML

  1. 프로그래밍언어

-백엔드(파이썬, JSP, PHP, Node.js)

-프론트엔드(HTML → web1 웹페이지 작성,

CSS → 웹디자인, 자바스크립트 → 사용자와 상호작용

 

  1. HTML(Hyper Text Markup Language)

웹페이지를 만드는 프로그래밍 언어

하이퍼텍스트란 초월한(hyper) + 글(text)

위에서 아래로, 처음부터 끝까지 읽는 종이문서와 달리 문서 중간마다 있는 링크를 통해 여러 문서를 넘나들며 다양한 정보를 취득할 수 있다는 점이 특징.

 

  1. W3와 HTML, 그리고 웹사이트

WS(일반적으로 웹이라고 부름)는 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간. HTML이라는 언어로 작성한 문서를 이 웹에다 모아놓으면 사용자는 링크를 통해 연결된 문서로 이동해가며 원하는 정보를 찾을 수 있다. 이 문서를 흔히 웹페이지라고 부르며 웹페이지를 모아놓은 것을 웹사이트라고 한다.

우리가 흔히 주소창에 입력하는 영어단어의 나열이 해당 문서가 존재하는 위치이고,

주소를 입력하고 여러 문서를 찾아 정보를 얻는 행위를 웹서핑이라고 한다.

 

  1. HTML 언어의 장점
  • 배우기 쉽다 : 웹페이지를 구성하는 언어, 글을 쓰는 방법
  • 저작권 없음 : 무료 퍼블리싱 언어이다. 구글 네이버 등이 각자의 웹사이트를 만들 수 있고, web은 확장자가 .html이다. 확장자가 .html인 파일은 웹브라우저로 열도록 되어있다.

 

  1. Visual Studio code

무료, 가벼운데다 다양한 os지원하는 에디터.

Download Visual Studio Code - Mac, Linux, Windows

 

  1. HTML 문법 : 태그

6-1. 주석

코드의 내용을 설명해준다. HTML은 <! 코멘트내용!>

CSS는 /*코멘트내용*/

Javascript는 //코멘트할 내용//

 

6-2. 태그 : 설명하는 글

<!DOCTYPE html>- HTML5 문서를 선언, HTML5로 작성됨을 알림

<HTML>...</HTML>- HTML 문서의 시작과 끝

<HEAD>...</HEAD>- 문서의 상단 제목을 표시하는 <TITLE>, 문서정보를 설정하는 <meta>, <link>태그 등 화면에 출력되지 않는 설정

<BODY>...</BODY>- 실제 화면에 나오는 콘텐츠 작성

 

  • HTML

타겟파일(이미지)이 현재파일(html)의 상위에 있으면 ../파일명.확장자 타겟파일(이미지)이 현재파일(html)의 같은경로에 있으면 ./파일명.확장자