ALLYES
[2022년 청년친화형 기업 ESG지원 사업 - 18] 본문
일시 : 2022.09.28
시간 : 9:00 ~ 18:00
오전 : 파이썬
오후 : HTML
오전 : 파이썬
- 빅데이터
- 요소 : 5V
- Volumne(규모) : 많은 양의 데이터
- Velocity(속도)
- Variety(다양성)
- Veracity(정확성)
- Value(가치)
- 사례
- 구글 독감 유행 징후 감지
- 사람들의 검색어 분석
- 독감의 증상, 치료법, 가까운 병원
- 기저귀와 맥주
- 편의점 체인점에서 쇼핑 형태를 분석하여 발견
- 실무에서 활용되는 빅데이터
- 선거
- 금융권 빅데이터
- 스포츠
- 기상 및 날씨
- 구글 독감 유행 징후 감지
- 채용 동향
- 빅데이터
- 인공지능
- 사물인터넷
- 수요증가
- 신입채용
- 요소 : 5V
- 프로그래밍 언어
- 개념
- 컴퓨터를 이용하여 특정 문제를 해결하기 위한 프로그램을 작성하기 위해 사용되는 언어
- 종류
- 고급 언어
- C, Java, Python
- 저급 언어
- 어셈블리어
- 고급 언어
- 개념
- Python
- 주목받고 있는 이유
- 초보자가 배우기 쉬움
- 다양한 라이브러리 및 툴을 가지고있음
- 머신 러닝(ML), 인공지능(AI) 및 데이터 과학 라이브러리아 프레임워크를 활용할 수 있음
- Python을 필요로 하는 기업의 수요가 증가하고 있음
- 특징
- 인간다운언어
- 문법이 시워 배우기 쉽고 코드가 간결함
- 설치
- 아나콘다 설치
- 쥬피터 노트북 실행
- 아나콘다 설치
- 변수(variable)
- 사전적 의미로는 "변화를 줄 수 있는" 또는 "변할 수 있는 수"
- 프로그래밍에서는 데이터를 담을 수 있는 공간
- 주목받고 있는 이유

- 변수 실습 예제1

x=100
y=200
sum = x+y
print(sum)

- 문자열 인덱싱과 슬라이싱
- 인덱싱(indexing)
- 무엇인가를 가르킨다는 의미
- 인덱싱 하고싶은, 데이터가 들어있는 변수에 대괄호[인덱스 번호]
- 슬라이싱(slicing)
- 무엇인가를 범위를 통해서 가르킴
- [:], 콜론을 기준으로 앞은 시작할 값, 뒤는 끝값(포함x)
- 인덱싱(indexing)
- 변수 실습 예제2

x = 100
y = 200
sum = x+y
print(f"{x}와 {y}의 합은 {sum}입니다")
print("{}와 {}의 합은 {}입니다".format(x,y,sum))
점심시간
오후 : HTML
- Internet
- 전 세계 컴퓨터들을 하나로 연결하는 거대한 컴퓨터 통신망
- WWW(World Wide Web)
- 인터넷에 연결된 사용자들이 서로의 정보를 공유할 수 있는 공간
- 데이터 통신 방식
- 회선교환방식
- 통신회선을 설정하여 데이터를 교환하는 방식
- 모든 데이터는 동일한 경로로 전송됨
- 통신중 중간경로에 문제가 발생할 경우 전체 연결이 끊어짐
- ex) 음성전화 시스템
- 패킷교환방식
- 전송하려는 데이터를 패킷 단위로 나눠 네트워크 망으로 뿌려주는 방식
- 패킷별로 최적의 경로 선택
- 송신 패킷의 순서와 수신 패킷의 순서가 다를 수 있음
- ex) 인터넷
- 회선교환방식
- 호스트 사이에 제공되는 서비스를 기준으로 호스트를 세분화
- Client
- 서비스를 요청하고 사용하는 호스트
- Server
- 서비스를 제공하는 호스트
- Client
- 프로토콜(Protocol)
- 개념
- 데이터 교환방법, 순서 정의
- 종류
- HTTP(Hyper Text Transfer Protocol)
- 개념

- URL(Uniform Resource Locator)
- https://www.naver.com/main/main.nhn
- https : 프로토콜
- www ~ + main ~ : Domain + 경로
- Visual Studio Code
- 마이크로소프트가 마이크로소프트 윈도우,macOS, 리눅스용으로 개발한 소스코드 편집기
- HTML(Hyper Text Markup Language)
- 웹 페이지에 정보를 담아 표시하기 위한 마크업 언어
- Hyper Text
- 현재 문서에서 다른문서로 즉시 접근할 수 있느 텍스트
- Markup
- 어딘가에 Mark, 즉 표시를 해두는 것
- HTML Tag

- HTML 구조

- 한글 인코딩 방식
- UTF-8
- 어떤 언어든 인코딩이 가능한 방식
- ex) 강예진 -> ㄱ ㅏ ㅇ ㅇ ㅖ ㅈ ㅣ ㄴ 으로 해석 후 -> 강예진(조합형)
- EUC-KR
- 한글 인코딩 방식
- ex) 강예진 -> 강 예 진 으로 해석 -> 강예진(완성형)
- UTF-8
- 제목 태그
- <h>제목</h>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- h : 제목태그-->
<h1>제목태그1</h1>
<h2>제목태그2</h2>
<h3>제목태그3</h3>
<h4>제목태그4</h4>
<h5>제목태그5</h5>
<h6>제목태그6</h6>
</body>
</html>

- 문단태그
- <p>문단</p>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- h : 제목태그, 굵은 표시, 숫자가 작아질수록 글자 크기가 커짐-->
<h1>제목태그1</h1>
<h2>제목태그2</h2>
<h3>제목태그3</h3>
<h4>제목태그4</h4>
<h5>제목태그5</h5>
<h6>제목태그6</h6>
<!-- p: 본문태그 -->
<!-- br : 개행-->
<p>
Bam ba ba ba ba bam ba ba ba ba bam<br>
Ba ba ba ba bam<br>
Bam ba ba ba ba bam ba ba ba ba bam<br>
Ba ba ba ba bam<br>
제일 높은 곳에 난 닿길 원해 느꼈어 내 answer
내 혈관 속에 날뛰는 new wave 내 거대한 passion
관심 없어 과거에 모두가 알고 있는 그 트러블에 huh
I'm fearless a new b**ch new crazy 올라가 next one
밟아줘 highway highway
멋진 결말에 닿게
내 흉짐도 나의 일부라면
겁이 난 없지 없지
What you lookin' at
What you what you lookin' at
What you lookin' at
What you what you lookin' at
What you lookin' at
What you what you lookin' at
Mmmm I'm fearless huh
You should get away
Get a get a get away
다치지 않게 다치 다치지 않게
You should get away
Get a get a get away
Mmmm I'm fearless huh
Bam ba ba ba ba bam ba ba ba ba bam
Ba ba ba ba bam
Bam ba ba ba ba bam ba ba ba ba bam
Ba ba ba ba bam
욕심을 숨기라는 네 말들은 이상해
겸손한 연기 같은 건 더 이상 안 해
가져와 forever win 내게 ay
가슴팍에 숫자 1 내게 ay
내 밑으로 조아린 세계 ay
Take the world break it down break you down down
밟아줘 highway highway
멋진 결말에 닿게
내 흉짐도 나의 일부라면
겁이 난 없지 없지
What you lookin' at
What you what you lookin' at
What you lookin' at
What you what you lookin' at
What you lookin' at
What you what you lookin' at
Mmmm I'm fearless huh
You should get away
Get a get a get away
다치지 않게 다치 다치지 않게
You should get away
Get a get a get away
Mmmm I'm fearless huh
Bam ba ba ba ba bam ba ba ba ba bam
Ba ba ba ba bam
Bam ba ba ba ba bam ba ba ba ba
Mmmm I'm fearless huh
더는 없어 패배
준비된 내 payback
Bring it 당장 내게
Mmmm I'm fearless huh
What you lookin' at
What you what you lookin' at
What you lookin' at
What you what you lookin' at
What you lookin' at
What you what you lookin' at
Mmmm I'm fearless huh
You should get away
Get a get a get away
다치지 않게 다치 다치지 않게
You should get away
Get a get a get away
Mmmm I'm fearless huh
</p>
<hr> <!-- 가로선 출력-->
<pre> <!-- 입력한 그대로 화면 출력-->
Bam ba ba ba ba bam ba ba ba ba bam
Ba ba ba ba bam
Bam ba ba ba ba bam ba ba ba ba bam
Ba ba ba ba bam
제일 높은 곳에 난 닿길 원해 느꼈어 내 answer
내 혈관 속에 날뛰는 new wave 내 거대한 passion
관심 없어 과거에 모두가 알고 있는 그 트러블에 huh
I'm fearless a new b**ch new crazy 올라가 next one
밟아줘 highway highway
멋진 결말에 닿게
내 흉짐도 나의 일부라면
겁이 난 없지 없지
What you lookin' at
What you what you lookin' at
What you lookin' at
What you what you lookin' at
What you lookin' at
What you what you lookin' at
Mmmm I'm fearless huh
You should get away
Get a get a get away
다치지 않게 다치 다치지 않게
You should get away
Get a get a get away
Mmmm I'm fearless huh
Bam ba ba ba ba bam ba ba ba ba bam
Ba ba ba ba bam
Bam ba ba ba ba bam ba ba ba ba bam
Ba ba ba ba bam
욕심을 숨기라는 네 말들은 이상해
겸손한 연기 같은 건 더 이상 안 해
가져와 forever win 내게 ay
가슴팍에 숫자 1 내게 ay
내 밑으로 조아린 세계 ay
Take the world break it down break you down down
밟아줘 highway highway
멋진 결말에 닿게
내 흉짐도 나의 일부라면
겁이 난 없지 없지
What you lookin' at
What you what you lookin' at
What you lookin' at
What you what you lookin' at
What you lookin' at
What you what you lookin' at
Mmmm I'm fearless huh
You should get away
Get a get a get away
다치지 않게 다치 다치지 않게
You should get away
Get a get a get away
Mmmm I'm fearless huh
Bam ba ba ba ba bam ba ba ba ba bam
Ba ba ba ba bam
Bam ba ba ba ba bam ba ba ba ba
Mmmm I'm fearless huh
더는 없어 패배
준비된 내 payback
Bring it 당장 내게
Mmmm I'm fearless huh
What you lookin' at
What you what you lookin' at
What you lookin' at
What you what you lookin' at
What you lookin' at
What you what you lookin' at
Mmmm I'm fearless huh
You should get away
Get a get a get away
다치지 않게 다치 다치지 않게
You should get away
Get a get a get away
Mmmm I'm fearless huh
</pre>
</body>
</html>

- 글자 태그
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
강예진 <br>
<!-- b : 단순히 글자만 굵게 출력, 강조하는 의미 X -->
<b>강예진</b> <br>
<!-- strong : 글자도 굵게, 강조하는 의미 포함 -->
<!-- 시멘틱태그 : 의미를 지닌 태그 -->
<strong>강예진</strong>
<br>
<!-- i : 단순히 글자만 기울어지게 -->
<!-- u : 밑줄 출력-->
<u><i>이수환</i></u>
<!-- em : 글자가 기울어지게, 강조하는 의미 포함 -->
<!-- s : 취소선 출력-->
<s><em>이수환</em></s>
<del>이수환</del> <!-- 의미x 취소선-->
</body>
</html>

- 이미지 태그
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- img : 이미지 태그 -->
<!-- src : 출력할 이미지 경로를 정하는 속성-->
<!-- width : 너비, height : 높이 -->
<!-- 절대경로 : 어떤 파일이 가진 고유한 경로, 외부파일을 연결-->
<img width = "200px" height = "200px" src = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSFvZ-sHLULGg2FWS0UaXjsG1lpwe2mFqm1gw&usqp=CAU">
<!-- alt : 이미지 경로가 잘못된 경우 설명을 작성할 수 있는 속성- -->
<!-- 상대경로 : 특정 위치를 기준으로 파일을 찾는 경로, 내부 파일을 연결-->
<img src ="./img/짱구.png" alt ="짱구 이미지">
<!-- ./ : 현재 폴더(html 폴더 내)를 기준으로(생략가능) -->
<!-- / : 폴더 안으로 들어감 -->
<!-- ../ : 상위폴더로 이동 -->
<img src ="../img2/짱구.png" alt = "짱구 이미지2">
<!-- 맨앞에 / : 루트폴더(최상위 폴더) 기준-->
</body>
</html>
- 앵커 태그

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<title>Document</title>
</head>
<body>
<!-- a : 앵커태그, 하이퍼텍스트 만들 때 사용 -->
<!-- 하이퍼 텍스트 : 다른 문서, 현재 문서에서 다른 곳으로 이동하고 싶을 때 사용-->
<!-- href(hyper reference) : 어디로 이동할건지-->
<a href="./Ex00첫페이지.html" id ="top"><img src ="./img/짱구.png" width="50px" height="50px"></a> <br>
<a href ="https://www.naver.com/">네이버 이동!</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h1 id ="middle">중간!</h1>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="#top"><span class="material-symbols-outlined">
keyboard_double_arrow_up
</span></a>
<a href="#middle">중간으로</a>
</body>
</html>
'ESG' 카테고리의 다른 글
| [2022년 청년친화형 기업 ESG지원 사업 - 20] (1) | 2022.09.30 |
|---|---|
| [2022년 청년친화형 기업 ESG지원 사업 - 19] (1) | 2022.09.29 |
| [2022년 청년친화형 기업 ESG지원 사업 - 17] (0) | 2022.09.27 |
| [2022년 청년친화형 기업 ESG지원 사업 - 16] (0) | 2022.09.26 |
| [2022년 청년친화형 기업 ESG지원 사업 - 15] (0) | 2022.09.24 |