하다 보면 되겠지

HTML #1

으섭으섭 — Thu, 26 Aug 2021 12:28:27 +0900

HTML: HyperText Markup Language

<img> <br> <hr> 등과 같이 종료 태그 없이 시작 태그만을 가지는 태그를 빈 태그(empty tag)

HTML 버전

버전	년도	DOCTYPE 및 설명
HTML 1.0	1991	팀 버나스리(Tim Berners-Lee)가 발표한 최초의 HTML
HTML 2.0	1995	국제 표준으로 제정된 최초의 HTML
HTML 3.2	1997	W3C에 의해 제정된 최초의 HTML
HTML 4.01	1999	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
XHTML 1.0	2000	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML 5	2014	<!DOCTYPE html>

W3C: World Wide Web Consortium

W3C는 월드 와이드 웹(WWW)을 위한 표준을 제정하고 관리하는 중립적인 기관

W3C가 관리하는 대표적인 웹 표준

1. HTML

2. CSS

3. DOM

4. SVG

5. XHTML

6. XML

<head> : HTML 문서의 메타데이터(metadata)를 정의.

- 메타데이터(metadata)란 HTML 문서에 대한 정보(data)로 웹 브라우저에는 직접적으로 표현되지 않는 정보를 의미

- 이러한 메타데이터는 <title>, <style>, <meta>, <link>, <script>, <base>태그 등을 이용하여 표현할 수 있습니다.

<title> : HTML 문서의 제목(title)을 정의하며, 다음과 같은 용도로 사용됩니다.

- 웹 브라우저의 툴바(toolbar)에 표시됩니다.

- 웹 브라우저의 즐겨찾기(favorites)에 추가할 때 즐겨찾기의 제목이 됩니다.

- 검색 엔진의 결과 페이지에 제목으로 표시됩니다.

<body> : 웹 브라우저를 통해 보이는 내용(content) 부분입니다.

<h1> ~ <h6> : 제목(heading)을 나타냅니다.

<p> : 단락(paragraph)을 나타냅니다.

HTML 요소(element)는 여러 속성을 가질 수 있으며, 이러한 속성(attribute)은 해당 요소에 대한 추가적인 정보를 제공합니다.

또한, HTML 요소는 시작 태그로 시작해서 종료 태그로 끝납니다.

속성은 HTML 요소 중에서도 언제나 시작 태그 내에서만 정의되며, 속성 이름과 속성값(value)으로 표현됩니다.

속성 이름은 언제나 소문자로 작성하자!

HTML5 표준에서는 속성 이름에 대소문자를 구분하지 않고 있습니다.

하지만 W3C에서는 속성 이름을 사용할 때 될 수 있으면 소문자로 작성하도록 권장하고 있습니다.

또한, XHTML에서는 속성 이름을 더욱 엄격하게 소문자로만 사용해야 합니다.

속성값은 언제나 따옴표로 감싸자!

HTML5 표준에서는 속성값에 따옴표 사용을 강제하지 않습니다.

하지만 속성값을 따옴표로 감싸지 않으면, 다음과 같은 예상치 못한 오류가 발생할 수 있습니다.

띄어쓰기가 들어가게 되면, 반드시 따옴표를 사용해야 정확한 값을 저장할 수 있습니다.

속성값을 감쌀 때는 보통 큰따옴표("")가 사용되며, 작은따옴표('')도 사용할 수 있습니다.

<img>태그의 alt 속성은 이미지를 불러올 수 없는 상황에서 이미지 대신 보이는 문자열을 설정할 수 있습니다.

2.HTML 텍스트 요소

2.1제목

여러 검색엔진은 각 웹 사이트의 내용을 바로 이 <h>태그를 이용하여 키워드를 수집하고, 그 내용을 파악

따라서 HTML 문서에 포함되는 제목은 <h>태그로 작성해야만 검색엔진에 의해 제대로 검색될 확률을 높일 수 있음

2.2단락

단락이란 내용상 끊어서 구분할 수 있는 하나하나의 부분을 의미하며, 문단이라고도 부름

띄어쓰기와 줄 나누기

HTML 코드에서 띄어쓰기나 줄 나누기를 여러 번 하더라도 웹 브라우저를 통해 나타나는 화면에는 전혀 영향을 주지 못함. 웹 브라우저는 여러 번의 띄어쓰기나 줄 나누기를 오직 하나의 띄어쓰기나 줄로만 인식하기 때문

<br>태그(break line)를 사용하면 새로운 단락을 만들지 않고도 줄을 나눌 수 있습니다.

이러한 <br>태그는 종료 태그가 없는 빈 태그(empty tag)

텍스트(text) 서식 미리 정의하기

HTML 코드에서 작성한 텍스트 서식을 그대로 표현하려면 <pre>태그를 사용해야 합니다.

<pre>태그(preformatted text) 내에 작성된 텍스트의 모든 띄어쓰기와 줄 나누기는 웹 브라우저에 그대로 표현

수평 가로 구분선 <hr>

2.3서식

강조 <b> <strong>

이탤릭체 <i> <em> 검색엔진은 <strong>태그나 <em>태그를 사용하여 강조된 텍스트를 더 중요하게 인식

하이라이팅 <mark>

삭제 <del>

삽입 <ins>

위첨자는 <sup>

아래첨자는 <sub>

2.4 인용구

짧은 인용구 <q>

블록 인용구 <blockquote> 인용 부분을 별도의 단락으로 구분하여 나타냄

축약형 <abbr> 태그 위에 마우스를 위치시키면 title 속성에 명시한 용어의 원형이 나타남

주소 <address> 이러한 주소는 이탤릭체로 표현되며, 위아래로 약간의 공백이 자동으로 삽입

2.5 주석

<!--

위와 같이 어려운 코드의 이해를 돕기 위해서 개발자가 적어놓은 설명입니다.

-->

2.6 엔티티(Entity)

HTML 예약어를 HTML 코드에서 사용하면, 웹 브라우저는 그것을 평소와는 다른 의미로 해석

HTML 예약어를 기존에 사용하던 의미 그대로 사용하기 위해 별도로 만든 문자셋을 엔티티(entity)

&엔티티이름; &#엔티티숫자;

엔티티문자 엔티티이름 16진수 엔티티 숫자 설명

			줄 바꿈 없는 공백
<	<	<	보다 작은
>	>	>	보다 큰
&	&	&	AND 기호
"	"	"	큰따옴표
'	'	'	작은따옴표

발음 구별 부호 문자 16진수 엔티티 결과

̀	a	à	à
́	a	á	á
̂	a	â	â
̃	a	ã	ã
̀	O	Ò	Ò
́	O	Ó	Ó
̂	O	Ô	Ô
̃	O	Õ	Õ

심볼특수문자 엔티티 이름 16진수 엔티티 설명

¢	¢	¢	센트
£	£	£	파운드화
¥	¥	¥	엔화
€	€	€	유로화
©	©	©	저작권
®	®	®	등록상표
×	×	×	곱셈
÷	÷	÷	나눗셈

2.7 문자셋(Character set)

HTML 문서가 저장될 때 사용된 문자셋에 대한 정보를 <head>태그 내의 <meta>태그에 명시

HTML4에서 UTF-8의 경우 : <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

HTML5에서 UTF-8의 경우 : <meta charset="UTF-8">

현재 사용되는 대표적인 문자셋(character set)

1. ASCII : 가장 처음 만들어진 문자셋으로, 인터넷에서 사용할 수 있는 127개의 영문자와 숫자로 이루어져 있습니다.

2. ANSI : 윈도우즈에서 만든 문자셋으로, 총 256개의 문자 코드를 지원합니다.

3. ISO-8859-1 : 256개의 문자 코드를 지원하는 HTML4의 기본 문자셋입니다.

4. UTF-8 : 세상에 있는 거의 모든 문자를 표현할 수 있는 유니코드 문자를 지원하는 HTML5의 기본 문자셋입니다.

3.HTML 기본요소

3.1 스타일(Style)

HTML 요소의 style 속성(attribute)을 이용하면 CSS 스타일을 HTML 요소에 직접 설정할 수 있습니다.

하지만 이러한 style 속성을 이용한 방법은 오직 단 하나의 HTML 요소에만 스타일을 적용할 수 있습니다.

<태그이름 style="속성이름:속성값">

배경색 변경

style 속성을 이용한 배경색 변경

</h1>

글자색 변경

<h1 style="color:maroon">
style 속성을 이용한 글자색 변경

</h1>

글자 크기 변경

<h1 style="font-size:250%">
style 속성을 이용한 글자 크기 변경

</h1>

문단 정렬 변경

style 속성을 이용한 문단 정렬 변경

</h1>

여러 스타일의 설정

style 속성을 이용하여 한 번에 스타일링 하기!

</h1>

style 속성값에 사용되는 CSS 속성(property)과 속성값들은 세미콜론(;)을 이용하여 구분

CSS 속성을 하나만 사용할 때나, 여러 개의 CSS 속성 중 맨 마지막 CSS 속성은 세미콜론(;)을 생략할 수 있음

3.2 색

3.3 배경

3.4 링크

<a>

<!DOCTYPE html>
<html lang="ko">

<head>
<meta charset="UTF-8">
<title>HTML Links</title>
</head>
target 속성

<a>태그의 target 속성은 링크로 연결된 문서를 어디에서 열지를 명시

target 속성값 설명

_blank	링크로 연결된 문서를 새 창이나 새 탭에서 오픈.
_self	링크로 연결된 문서를 현재 프레임(frame)에서 오픈. (기본설정)
_parent	링크로 연결된 문서를 부모 프레임(frame)에서 오픈.
_top	링크로 연결된 문서를 현재 창의 가장 상위 프레임(frame)에서 오픈.
프레임(frame) 이름	링크로 연결된 문서를 지정된 프레임(frame)에서 오픈.

<body>
<h1>a태그의 target 속성값</h1>
<h2><a href="/html/intro" target="_blank">blank</a></h2>
<h2><a href="/html/intro" target="_self">self</a></h2>
<h2><a href="/html/intro" target="_parent">parent</a></h2>
<h2><a href="/html/intro" target="_top">top</a></h2>
<h2><a href="/html/intro" target="myframe">myframe</a></h2>
<iframe name="myframe" style="width:50%; height: 330px"></iframe>
</body>
</html>

링크의 상태(state)

링크의 상태 설명

ink	아직 한 번도 방문한 적이 없는 상태 (기본설정)
visited	한 번이라도 방문한 적이 있는 상태
hover	링크 위에 마우스를 올려놓은 상태
active	링크를 마우스로 누르고 있는 상태

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML Links</title>
<style>
a:link    { color: teal; }
a:visited { color: maroon; text-decoration: none }
a:hover   { color: yellow; text-decoration: none }
a:active  { color: red; text-decoration: none }
</style>
</head>
<body>
<h1>링크의 상태</h1>
<h2><a href="/html/intro">링크의 상태에 따라 스타일을 다르게 설정합니다!</a></h2>
</body>
</html>

페이지 책갈피

<a>태그의 name 속성을 이용하면 간단한 책갈피를 만들 수 있습니다.

우선 책갈피를 통해 가고 싶은 위치에 <a>태그를 만들고 name 속성을 작성

그다음에 작성한 name 속성값을 이용하여 다른 <a>태그에서 링크를 걸면 됨

<!DOCTYPE html>
<html lang="ko">

<head>
<meta charset="UTF-8">
<title>HTML Links</title>
</head>

<body>

<h1>페이지 책갈피</h1>
<a href="#bookmark"><p>제목 15로 갑시다!!!</p></a>

<h2>제목 1</h2>
<p>첫 번째 단락</p>

<h2>제목 2</h2>
<p>두 번째 단락</p>

<h2>제목 3</h2>
<p>세 번째 단락</p>

<h2>제목 4</h2>
<p>네 번째 단락</p>

<h2>제목 5</h2>
<p>다섯 번째 단락</p>

<h2>제목 6</h2>
<p>여섯 번째 단락</p>

<h2>제목 7</h2>
<p>일곱 번째 단락</p>

<h2>제목 8</h2>
<p>여덟 번째 단락</p>

<h2>제목 9</h2>
<p>아홉 번째 단락</p>

<h2>제목 10</h2>
<p>열 번째 단락</p>

<h2>제목 11</h2>
<p>열한 번째 단락</p>

<h2>제목 12</h2>
<p>열두 번째 단락</p>

<h2>제목 13</h2>
<p>열세 번째 단락</p>

<h2>제목 14</h2>
<p>열네 번째 단락</p>

<h2><a name="bookmark"></a>제목 15</h2>
<p>열다섯 번째 단락</p>

<h2>제목 16</h2>
<p>열여섯 번째 단락</p>

<h2>제목 17</h2>
<p>열일곱 번째 단락</p>

<h2>제목 18</h2>
<p>열여덟 번째 단락</p>

<h2>제목 19</h2>
<p>열아홉 번째 단락</p>

<h2>제목 20</h2>
<p>스무 번째 단락</p>

<h2>제목 21</h2>
<p>스물한 번째 단락</p>

<h2>제목 22</h2>
<p>스물두 번째 단락</p>

<h2>제목 23</h2>
<p>스물세 번째 단락</p>

<h2>제목 24</h2>
<p>스물네 번째 단락</p>

<h2>제목 25</h2>
<p>스물다섯 번째 단락</p>

</body>

</html>

3.5 이미지

<img>태그

<img>태그는 종료 태그가 없는 빈 태그(empty tag)

style 속성을 사용하여 이미지의 크기를 설정

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML Images</title>
<style>
img {
width:100%;
border: solid 1px black;
}
</style>
</head>
<body>
<h1>이미지의 크기 설정</h1>
<img src="/examples/images/img_flag.png" alt="html size" width="320" height="214">
<img src="/examples/images/img_flag.png" alt="style size" style="width:320px; height:214px">
</body>
</html>

이미지의 테두리(border) 설정

<img src="/examples/images/img_flag.png" alt="이미지 테두리"

style="width:320px; height:214px; border: 3px solid black">

이미지에 링크(link) 설정

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>TCPSchool HTML Images</title>
</head>
<body>
<h1>이미지에 링크 설정</h1>
<a href="/html/intro">
<img src="/examples/images/img_flag.png" alt="flag" style="width:320px; height:214px; border: 1px solid black">
</a>
<p>이미지를 클릭해 보세요!</p>
</body>
</html>

이미지 맵

<map>태그를 이용하여 이미지 맵(image map)을 제작

<img>태그의 usemap 속성을 <map>태그의 name 속성과 연결하면 이미지와 맵사이의 관계가 설정

<map>태그는 하나 이상의 <area>태그를 가지며, 이 <area>태그가 바로 버튼과 같은 역할

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML Images</title>
</head>
<body>
<h1>이미지 맵 만들기</h1>
<img src="/examples/images/img_imagemap.jpg" alt="진실혹은거짓" usemap="#vending" style="width:320px; height:240px" />
<map name="vending">
<area shape="rect" coords="90,60,180,130" alt="거짓" href="https://ko.wikipedia.org/wiki/%EA%B1%B0%EC%A7%93%EB%A7%90">
<area shape="rect" coords="210,200,70,130" alt="진실" href="https://ko.wikipedia.org/wiki/%EC%A7%84%EC%8B%A4">
</map>
<p>표지판을 눌러보세요!</p>
</body>
</html>

3.5 리스트

HTML에서는 이러한 리스트를 표현하기 위해 다음과 같은 리스트를 제공

1. 순서가 없는 리스트(unordered list) <ul>

2. 순서가 있는 리스트(ordered list) <ol>

3. 정의 리스트(definition list) <dl>

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML Lists</title>
</head>
<body>
<h1>순서가 없는 리스트</h1>
<p>검정색 작은 원 모양 (기본설정)</p>
<ul>
<li>사과</li>
<li>멜론</li>
<li>바나나</li>
</ul>

<p>흰색 작은 원 모양</p>
<ul style="list-style-type: circle">
<li>수박</li>
<li>참외</li>
<li>옥수수</li>
</ul>
<p>검정색 사각형 모양</p>
<ul style="list-style-type: square">
<li>감자</li>
<li>상추</li>
<li>고구마</li>
</ul>
</body>
</html>

- disc : 검정색 작은 원 모양 (기본설정)

- circle : 흰색 작은 원 모양

- square : 사각형 모양

- decimal : 숫자 (기본설정)

- upper-alpha : 영문 대문자

- lower-alpha : 영문 소문자

- upper-roman : 로마 숫자 대문자

- lower-roman : 로마 숫자 소문자

3.6 테이블

표 <table>

<table> 은

1. <tr>태그는 테이블에서 열을 구분해 줍니다.

2. <th>태그는각 열의 제목을 나타내며, 모든 내용은 자동으로 굵은 글씨에 가운데 정렬이 됩니다.

3. <td>태그는 테이블의 열을 각각의 셀(cell)로 나누어 줍니다.

로 구성

4 HTML 공간 분할

4.1 블록과 인라인

HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가짐

대부분의 HTML 요소는 이러한 display 속성값으로 다음 두 가지 값 중 하나를 가지게 됨

1. 블록(block)

2. 인라인(inline)

display 속성값이 블록(block)인 요소는 언제나 새로운 라인(line)에서 시작하며, 해당 라인의 모든 너비를 차지

<div>요소

<div>요소는 다른 HTML 요소들을 하나로 묶는 데 자주 사용되는 대표적인 블록(block) 요소

<div>요소는 주로 여러 요소들의 스타일을 한 번에 적용하기 위해 사용

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML Block Inline</title>
</head>
<body>
<div style="background-color:lightgrey; color:green; text-align:center">
<h1>div요소를 이용한 스타일 적용</h1>
<p>이렇게 div요소로 여러 요소들을 묶은 다음에 style 속성과 클래스 등을 이용하여
한 번에 스타일을 적용할 수 있습니다.</p>
</div>
</body>
</html>

display 속성값이 인라인(inline)인 요소는 새로운 라인(line)에서 시작하지 않음

또한, 요소의 너비도 해당 라인 전체가 아닌 해당 HTML 요소의 내용(content)만큼만 차지

<span>

<span>요소는 텍스트(text)의 특정 부분을 묶는 데 자주 사용되는 인라인(inline) 요소

<span>요소는 주로 텍스트의 특정 부분에 따로 스타일을 적용하기 위해 사용

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML Block Inline</title>
</head>
<body>
<h1>span요소를 이용한 스타일 적용</h1>
<p>이렇게
<span style="border: 3px solid red">span요소로 텍스트의 일부분</span>
만을 따로 묶은 후에 스타일을 적용할 수 있습니다.</p>
</body>
</html>

4.2 iframe 요소

iframe: inline frame

iframe 요소를 이용하면 해당 웹 페이지 안에 어떠한 제한 없이 또 다른 하나의 웹 페이지를 삽입

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML Iframes</title>
</head>
<body>
<h1>iframe 요소의 페이지 변경하기</h1>
<iframe src="/css/intro" name="frame_target" style="width:100%; height:400px"></iframe>
<p><a href="/php/intro" target="frame_target">PHP 수업 확인하러 가기 =></a></p>
<p>위의 링크를 클릭하면 iframe 요소의 페이지가 다른 페이지로 변경돼요!</p>
</body>
</html>

프레임셋(frameset)

프레임셋(frameset)을 이용하면 하나의 브라우저 창에 둘 이상의 페이지를 표시

iframe 요소와는 달리 하나 이상의 페이지를 동시에 가질 수 있음

또한, noresize 속성을 명시하지 않으면, 사용자가 마음대로 페이지의 크기를 조절할 수 있음

프레임셋에서 각각의 페이지는 frame 요소로 표현

frame 요소는 iframe 요소와는 달리 종료 태그를 가지지 않음

noframes 요소는 해당 브라우저가 frame 요소를 지원하지 않을 때 보여지는 문자열을 저장

frameset, frame, noframes 요소는 더는 HTML5 표준 권고안에서 지원하지 않습니다.
따라서 하나의 브라우저 창에 여러 페이지를 표현하고 싶을 때는 iframe 요소를 사용하거나 CSS를 이용하여 표현해야 합니다.

수직 프레임셋

수평 프레임셋

4.3 HTML 레이아웃

레이아웃(layout)이란 특정 공간에 여러 구성 요소를 보기 좋게 효과적으로 배치하는 작업을 의미

HTML에서는 다음과 같은 방법으로 레이아웃을 작성할 수 있음

1. div 요소를 이용한 레이아웃

2. HTML5 레이아웃

3. table 요소를 이용한 레이아웃

5. HTML 입력방식

5.1 Form 요소

웹 페이지에서는 form 요소를 사용하여 사용자로부터 입력을 받을 수 있음

action 속성은 입력받은 데이터를 처리할 서버 상의 스크립트 파일의 주소를 명시

이렇게 전달받은 데이터를 처리하는 스크립트 파일을 폼 핸들러(form-handler)

method 속성은 입력받은 데이터를 서버에 전달할 방식을 명시(GET, POST)

Input 요소

1. 텍스트 입력(text)

2. 비밀번호 입력(password)

3. 라디오 버튼(radio)

4. 체크박스(checkbox)

5. 파일 선택(file)

6. 선택 입력(select)

7. 문장 입력(textarea)

8. 버튼 입력(button)

9. 전송 버튼(submit)

10. 필드셋(fieldset)

비밀번호 입력 예제

<!DOCTYPE html>
<html lang="ko">
<head>

5.2 Input 요소의 속성

value

readonly

disabled

maxlength

size

http://tcpschool.com/css/css_intro_basic

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

kubenetes #4 - 메트릭 서버 설치하기(install metrics-server)

으섭으섭 — Wed, 11 Aug 2021 15:30:43 +0900

목차

1. Metrics Server 란?

2. Metrics Server 설치하기
2.1 다운로드
2.2 TLS 수정
2.3 동작확인

1. Metrics Server 란?

메트릭 서버는 클러스터 전체의 리소스 사용 데이터를 수집한다. 각 노드에 설치되어있는 kubelet을 통하여 노드나 컨테이너의 CPU, Memory 사용량 같은 자원을 모니터링 할 수 있다.

과거에는 Heapster를 사용했다고 한다. 하지만 이것은 더 이상 개발되고 있지 않기 때문에, 이를 대체하는 것이 메트릭 서버이다.

메트릭 서버는 쿠버네티스를 설치한다고하여 자동으로 설치되지 않으므로 직접 설치하는 과정이 필요하다.

2. Metrics Server 설치하기

메트릭 서버는 클러스터 전체의 리소스 사용 데이터를 수집한다. 각 노드에 설치되어있는 kubelet을 통하여 노드나 컨테이너의 CPU, Memory 사용량과 같은 데이터를 수집할 수 있다.

kubectl top pods

보이는 바와 같이, 메트릭서버가 설치되있지 않아 top 명령을 실행할 수 없다.

2.1 다운로드

kubectl apply -f https://github.com/kubernetes-sigs/metrics-server/releases/latest/download/components.yaml

메트릭 서버를 설치한다.메트릭 서버를 설치했다하여도 tls 통신이 원활하지 않아 파드느 노드의 정보를 얻지 못한다.때문에 2.2 TLS 수정 작업을 수행한다.

2.2 TLS 수정

kubectl edit deployments.apps -n kube-system metrics-server

--kubelet-insecure-tls
--kubelet-preferred-address-types=InternalIP, ExternalIP, Hostname

ref https://github.com/kubernetes-sigs/metrics-server/issues/300

2.3 동작확인

kubectl top nodes

Ubuntu 20.04 Go언어 설치하기

으섭으섭 — Fri, 25 Jun 2021 16:58:56 +0900

목차
1. 사전 준비
2. Go언어 패키지 다운로드
3. 환경변수 등록

1. 사전 준비

1.1. wget

# apt 패키지 업데이트
sudo apt-get update
sudo apt-get -y upgrade

# wget 설치
sudo apt-get install wget

1.2. workplace

- 패키지가 설치될 위치, 패키지를 이용하여 작업하게 될 공간을 명확하게 해야 할 필요가 있다.

- 앞서 설정한 경로들은 추후에 Go언어 환경변수를 설정하는데 이용이 된다.

2. Go언어 패키지 다운로드(직접 설치)

- apt-get install golang과 같은 명령으로도 손쉽게 Go언어 설치가 가능하다.

- 하지만, 필자의 경우 이상하게 최신 버전이 설치가 되지 않아 직접 wget으로 golang파일을 받아와 직접 설치한다.

- 우선, Go 패키지 파일을 다운로드할 위치로 이동한 뒤 아래 커맨드를 이용해 설치를 진행한다.

wget https://golang.org/dl/go1.16.5.linux-amd64.tar.gz

- 이후 아래 커맨드를 이용하여 압축을 풀어준다.

sudo tar –xvf go1.16.5.linux-amd64.tar.gz

- 압축이 풀린 파일은 원하는 경로로 이동시키고, 남은 파일은 삭제한다.

# 디렉토리 이동 명령
mv [원본폴더] [목적지폴더]
mv [원본폴더] [목적지폴더/]
mv [원본폴더/] [목적지폴더]
mv [원본폴더/] [목적지폴더/]

# 파일 삭제 명령
rm -f go1.16.5.linux-amd64.tar.gz

3. 환경변수 등록

- GOROOT, GOPATH, PATH 설정한다.

- GOROOT: Go 패키치가 설치된 위치

- GOPATH: 작업 디렉터리

- 자신이 편한 편집기를 통해 .profile에 환경변수를 등록한다.

sudo vi $HOME/.profile

# GOROOT: 설치된 Go 패키지의 경로
export GOROOT=$HOME/go 

# GOPATH: Go 패키지를 이용해 작업할 공간
export GOPATH =$HOME/workplace/go

# 동일
export PATH=$GOPATH/bin:$GOROOT/bin:$PATH

- 이후 변경된 환경 변수를 적용하기 위해 재부팅하거나, 아래 커맨드를 사용한다.

. ./.profile

- go version의 출력이 정상적으로 이루어지면 설치 끝.

Kubernets #2 - Kubeadm을 이용한 쿠버네티스 클러스터 구축

으섭으섭 — Tue, 8 Jun 2021 14:52:31 +0900

목차

1. 환경

2. 사전 준비 (master & worker)
2.1 패키지 업데이트
2.2 kubernetes 설치하기

3. kubeadm을 이용하여 클러스터 생성하기
3.1 kubeadm init (master)
3.2 kubeadm join (worker)

1. 환경

Master Node (1대) : Ubuntu Desktop 20.04 on Hyper-V

Worker Node (2대) : Ubuntu Server 20.04 on Hyper-V

2. 사전 준비

2.1. 패키지 업데이트(공통)

서버가 준비되면 각종 패키지를 업데이트한다.

# Package Update
sudo apt update
sudo apt -y upgrade && sudo systemctl reboot

2.2. kubernetes 설치 하기(공통)

Ⅰ. 2GB 이상의 램을 장착한 머신( 이 보다 작으면 사용자의 앱을 위한 공간이 거의 남지 않음)

Ⅱ. 2 이상의 CPU

Ⅲ. 클러스터의 모든 머신에 걸친 전체 네트워크 연결. (공용 또는 사설 네트워면 괜찮음)

Ⅳ. 모든 노드에 대해 고유한 호스트 이름, MAC 주소 및 product_id.

Ⅴ. 스왑 메모리 비활성화.

- 쿠버네티스는 swap 메모리를 지원하지 않는다. 때문에 swapoff로 해당 기능을 비활성화시켜야 한다.

# 스왑 메모리 비활성화
sudo swapoff -a

- 추가로 /etc/fstab에 swap이 적혀 있는 라인을 주석 처리한다.

Ⅵ. iptables 설정

# br_netfilter 모듈이 로드되었는지 확인.
lsmod | grep br_netfilter

# 모듈 적재
sudo modprobe overlay
sudo modprobe br_netfilter

# 리눅스 노드의 iptables가 브리지된 트래픽을 올바르게 보기 위한 요구 사항으로,
# sysctl 구성에서 net.bridge.bridge-nf-call-iptables 가 1로 설정되어 있는지 확인 
sudo tee /etc/sysctl.d/kubernetes.conf<<EOF
net.bridge.bridge-nf-call-ip6tables = 1
net.bridge.bridge-nf-call-iptables = 1
net.ipv4.ip_forward = 1
EOF
sudo sysctl --system

Ⅶ. 필수 포트 확인

Ⅷ. 컨테이너 런타임 설치(사실상 Docker)

Docker #5 - Ubuntu에 Docker Engine 설치하기

1. 설치환경 Ubuntu Server 20.04 Hyper-V 2. 설치절차 리눅스(Ubuntu)에 Docker Engine을 설치하는 방법 은 아래 보이는 바와같이 3가지로 나뉜다.(Docker 공식문서) ∙ 저장소를 설정하고 설정된 저장소에 설치..

developer-kus.tistory.com

Ⅸ. cgroup driver 설정

Control group은 프로세스에 할당된 리소스를 제한하는 데 사용된다.

리눅스 배포판의 init 시스템이 systemd인 경우, init 프로세스는 root control group(cgroup)을 생성 및 사용하는 cgroup 관리자로 작동

# docker daemon file 수정
sudo nano /etc/docker/daemon.json
{
    "exec-opts": ["native.cgroupdriver=systemd"],
    "log-driver": "json-file",
    "log-opts": {
        "max-size": "100m"
    },
    "storage-driver": "overlay2"
}

# overlay2는 리눅스 커널 4.0 이상 또는 3.10.0-514 버전 이상을 사용하는 RHEL 또는 CentOS를 
# 구동하는 시스템에서 선호하는 스토리지 드라이버

# docker daemon re-load 및 docker re-start
sudo mkdir -p /etc/systemd/system/docker.service.d
sudo systemctl daemon-reload
sudo systemctl restart docker

Ⅹ. kubeadm, kubelet, kubectl 설치

- kubeadm: 클러스터를 부트스트랩 하는 명령

- kubelet: 클러스터의 모든 머신에서 실행되는 파드와 컨테이너 시작과 같은 작업을 수행하는 컴포넌트

- kubectl: 클러스터와 통신하기 위한 커맨드 라인 유틸리티

# apt 패키지 색인을 업데이트 및 apt 리포지터리를 사용하는 데 필요한 패키지를 설치
sudo apt-get update
sudo apt-get install -y apt-transport-https ca-certificates curl

# 구글 클라우드의 공개 사이닝 키를 다운로드
sudo curl -fsSLo /usr/share/keyrings/kubernetes-archive-keyring.gpg https://packages.cloud.google.com/apt/doc/apt-key.gpg

# 쿠버네티스 apt 리포지터리를 추가
echo "deb [signed-by=/usr/share/keyrings/kubernetes-archive-keyring.gpg] https://apt.kubernetes.io/ kubernetes-xenial main" | sudo tee /etc/apt/sources.list.d/kubernetes.list

# apt 패키지 색인을 업데이트하고, kubelet, kubeadm, kubectl을 설치
# kubelet, kubeadm, kubectl의 버전을 고정
sudo apt-get update
sudo apt-get install -y kubelet kubeadm kubectl
sudo apt-mark hold kubelet kubeadm kubectl

3. Kubeadm을 사용하여 클러스터 생성하기

3.1. kubeadm init (master)

# master ip 체크
hostname -I

- kubeadm 셋업 시 (kubeadm init) 마스터 노드의 ip주소가 필요하므로 미리 확인한다.

# 클러스터 초기화

# --apiserver-advertise-address : master ip
# --pod-network-cidr : 사용할 ip의 대역폭을 입력. flannel을 사용하기 위해선 '10.244.0.0/16' 대역을 사용해야 함.

# kubeadm init
sudo kubeadm init --pod-network-cidr=10.244.0.0/16 --apiserver-advertise-address=192.168.0.58

kubeadm join 192.168.0.58:6443 –token 3uesjn.gza6v8lvrvx8urwo \
--discovery-token-ca-cert-hash sha256:f0f56313ed75d2137f715da742035d3f484c7e202339521b64a95c218a2c65ba

- kubeadm init 결과로 생성된 토큰은 워커 노드들이 마스터 노드의 클러스터에 join 할 때 필요하므로은 반드시 기록해 두어야 한다.

- 루트가 아닌 사용자에 대해(사용자 계정) kubectl이 작동하도록 하려면 kubeadm init 출력의 일부이기도 한 다음 명령을 실행

mkdir -p $HOME/.kube
sudo cp -i /etc/kubernetes/admin.conf $HOME/.kube/config
sudo chown $(id -u):$(id -g) $HOME/.kube/config

우선 세팅할 클러스터에서 Pod가 서로 통신할 수 있도록 Pod 네트워크 애드온을 설치해야 한다.
kubeadm을 통해 만들어진 클러스터는 CNI(Container Network Interface) 기반의 애드온이 필요하다.
기본적으로 kubernetes에서 제공해주는 kubenet이라는 네트워크 플러그인이 있지만, 매우 기본적이고 간단한 기능만 제공하는 네트워크 플러그인이기 때문에 이 자체로는 크로스 노드 네트워킹이나 네트워크 정책과 같은 고급 기능은 구현되어 있지 않다.
출처: https://medium.com/finda-tech/overview-8d169b2a54ff

# Pod network add-on 설치
kubectl apply -f https://raw.githubusercontent.com/coreos/flannel/master/Documentation/kube-flannel.yml

- 이것으로 kubeadm을 이용한 master node set-up 완료

kubectl get pods --all-namespaces
kubectl get nodes

3.2. kubeadm join (worker)

- kubernetes worker node는 master node(Control plane)과는 달리 추가적 설정 없이 바로 join 하여 사용하면 된다.

- 마스터 노드의 'kubeadm init'의 결과로 생성된 토근을 이용하여 join 하면 된다.

Kubeadm join 192.168.0.58:6443 –token 3uesjn.gza6v8lvrvx8urwo \
--discovery-token-ca-cert-hash sha256:f0f56313ed75d2137f715da742035d3f484c7e202339521b64a95c218a2c65ba

# master node
kubectl get pods --all-namespaces
kubectl get nodes

- 실제로 2대의 워커 노드에서 join을 하였고, 이를 마스터 측 에서 확인하면 위와 같은 화면이 출력된다.

- 이로써 1대의 마스터 노드와 2대의 워커 노드 간의 클러스터 구축이 끝이 났다.

ref

https://www.whatwant.com/entry/Kubernetes-Install

https://medium.com/finda-tech/overview-8d169b2a54ff

https://kubernetes.io/ko/docs/setup/production-environment/container-runtimes/

https://kubernetes.io/docs/setup/production-environment/tools/kubeadm/create-cluster-kubeadm/

Docker #5 - Ubuntu에 Docker Engine 설치하기

으섭으섭 — Tue, 8 Jun 2021 13:37:44 +0900

1. 설치환경

Ubuntu Server 20.04

Hyper-V

2. 설치 절차

리눅스(Ubuntu)에 Docker Engine을 설치하는 방법 은 아래 보이는 바와 같이 3가지로 나뉜다.(Docker 공식문서)

∙ 저장소를 설정하고 설정된 저장소에 설치
∙ DEB 패키지를 다운로드하여 수동으로 설치
∙ 테스트 및 개발 환경에서 자동화된 편의 스크립트를 사용하여 설치

본 포스팅에선 '저장소를 설정하고 여기에서 설치' 방식을 사용하여 설치를 진행한다.

저장소를 이용하는 방식의 설치 절차는 'Ⅰ. 저장소 설정 ' 하고 'Ⅱ. 설정된 저장소에 Docker Engine 설치' 한다.

3. 설치

3.1. 저장소 설정

# 1.패키지 업데이트
 sudo apt-get update
 sudo apt-get install apt-transport-https ca-certificates curl gnupg lsb-release

# 2. DOcker 공식 GPG Key 등록
 curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /usr/share/keyrings/docker-archive-keyring.gpg

# 3. 저장소 설정
 echo \
 "deb [arch=amd64 signed-by=/usr/share/keyrings/docker-archive-keyring.gpg] https://download.docker.com/linux/ubuntu \
 $(lsb_release -cs) stable" | sudo tee /etc/apt/sources.list.d/docker.list > /dev/null

3.2. Docker Engine 설치

# 패키지 업데이트
 sudo apt-get update
 
# Docker Engine 설치(version을 명시하지않으면 자동으로 최신버전 다운로드)
 sudo apt-get install docker-ce docker-ce-cli containerd.io
 
# Docker Engine 버전 확인 
 # docker-cd | 5:20.10.7~3-0~ubuntu-focal | http://~~~
 # <VERSION_STRING> == 5:20.10.7~3-0~ubuntu-focal
 apt-cache madison docker-ce docker-ce-cli
 
# Docker Enging 설치(version을 명시하여 특정 version 다운로드 가능) 
 #sudo apt-get install docker-ce=5:20.10.7~3-0~ubuntu-focal docker-ce-cli=5:20.10.7~3-0~ubuntu-focal containerd.io
 sudo apt-get install docker-ce=<VERSION_STRING> docker-ce-cli=<VERSION_STRING> containerd.io
 
# Docker 설치 확인
 sudo docker run hello-world
 
 
# (선택) Kubernetes용 cgroup 드라이버 설정
 sudo mkdir /etc/docker
 cat <<EOF | sudo tee /etc/docker/daemon.json
 {
   "exec-opts": ["native.cgroupdriver=systemd"],
   "log-driver": "json-file",
   "log-opts": {
     "max-size": "100m"
   },
   "storage-driver": "overlay2"
 }
 EOF
 
 # 도커 재시작과 부팅시 실행되게 설정
 sudo systemctl enable docker
 sudo systemctl daemon-reload
 sudo systemctl restart docker

3.3. Docker 그룹에 사용자 추가(선택)

# root 권한
sudo docker info

# user 권한
docker info

docker info

sudo docker info

위 두 명령을 실행해보면 차이가 존재할 것이다. 이는 docker는 기본적으로 root 계정 외엔 실행 권한이 없기 때문에 권한이 없는 계정이 docker 명령을 사용하게 되면 error를 리턴한다. 따라서 사용자 계정을 Docker 그룹에 추가해 주어야 매번 루트 권한을 얻는 수고를 줄일 수 있다.

 # $USER : 호출하는 사용자의 사용자명을 담고있는 환경변수
 echo $USER
 > master
 
 # docker 그룹에 사용자 추가
 sudo usermod -aG docker $USER
 (sudo usermod -aG docker master)

이후 docker 그룹에 추가된 사용자를 적용하기 위해 docker service를 재실행시키며, 적용이 되지 않은 경우

재부팅 혹은 다시 로그인을 한다.

# docker service 재실행
sudo service docker restart

# 서비스를 재실행해도 완전히 적용되지 않은 경우
# 해당 시스템을 재부팅 or 계정 로그아웃, 로그인을 진행한다.
 # 재부팅
 reboot
 
 #로그아웃
 logout

docker info

ref

https://docs.docker.com/engine/install/ubuntu/#install-using-the-repository

Ubuntu Server, Desktop 차이

으섭으섭 — Thu, 3 Jun 2021 15:52:55 +0900

평소 궁금해하던 문제를 잘 정리해놓은 좋은 포스팅이 있어 기록한다.

https://www.morenice.kr/119

ubuntu 데스크탑과 서버 커널의 차이점은?

서버와 데스크탑의 차이점이란? 일반적으로 서버와 데스크탑은 사용 용도가 다르다. 데스탑은 문서작성, 게임, 웹, 그래픽등 다양한 환경과 같이 범용적인 PC 환경을 사용할 수 있음을 의미하지

www.morenice.kr

결론은 GUI가 있냐 없냐 정도 외엔 큰 차이는 없다.

즉, 테스트용 서버로 구축하게 될 우분투에는 가시성을 위해 ubuntu desktop을 설치해도 좋을 것 같다.

Hyper-V Ubuntu Server 20.04 설치하기

으섭으섭 — Thu, 3 Jun 2021 15:01:15 +0900

Download ubuntu image

https://ubuntu.com/download/server

Option2 - Manual server installation -> Download Ubuntu Server 20.04.2 LTS

Creating a virture machine on hyperv

Hyper-V Ubuntu Desktop 20.04 설치하기 [Creating a virture machine on hyperv]항목 참고

Hyper-V Ubuntu Desktop 20.04 설치하기

Download ubuntu image Download Link : https://ubuntu.com/download/desktop Creating a virture machine on hyperv 설치하고자 하는 가상 머신의 이름 및 설치경로를 설정. Kubernetes의 Control Plane 역할..

developer-kus.tistory.com

Installing ubuntu on virture machine

아무것도 선택하지 않아도 자동으로 설치가 시작됨

언어 선택

업데이트 없이 설치 진행

키보드 레이아웃 선택

IP 설정

프록시 설정

미러 어드레스 설정

스토리지 설정

스토리지 용량 설정

디스크 포맷 경고

계정 설정

SSH 설치

추가 기능 설지

설치 진행

설치 완료

재부팅을 마치면

Ubuntu Server 20.04 LTS 설치 완료

ref

https://psychoria.tistory.com/741

[Ubuntu] Hyper-V에 우분투 서버 20.04 설치 방법

2년마다 출시되는 LTS(Long Term Support) 버전인 우분투 20.04 LTS가 사용 가능해졌습니다. Hyper-V에 최신 우분투 서버 20.04 LTS를 설치하는 방법을 알아보겠습니다. 최신 우분투 서버 이미지는 아래 링크

psychoria.tistory.com

도메인에 중립적인 어셈블리(Domain-Neutral Assembly)

으섭으섭 — Thu, 20 May 2021 14:37:10 +0900

https://www.sysnet.pe.kr/2/0/10948

.NET Framework: 574. .NET - 눈으로 확인하는 SharedDomain의 동작 방식

.NET Framework: 574. .NET - 눈으로 확인하는 SharedDomain의 동작 방식 [링크 복사], [링크+제목 복사] 조회: 9079 글쓴 사람 정성태 (techsharer at outlook.com) 홈페이지 첨부 파일 부모글 보이기/감추기 .NET - 눈으

www.sysnet.pe.kr

유용한 글이지만 아직 완전히 이해하기엔 버겁다.

이해한 바를 간략하게 정리하자면, 도메인에 중립적인 어셈블리란 SharedDomain이라는 보관소에 저장되어, 다른 애플리케이션 도메인에 공유될 수 있는 어셈블리 정도로 우선은 이해하도록 하자.

vmmem

으섭으섭 — Thu, 20 May 2021 09:43:56 +0900

https://blog.aaronroh.org/126

WSL2 Native Docker Vmmem의 미친 점유율 해결하기

이번 글에서는 WSL2 Native Docker의 고질적인 Vmmem 램 점유 문제에 대해 Window Docker를 통해 해결하는 방법을 소개한다 나는 개발환경으로 WSL2 (Ubuntu 18.04), WSL2 상에서 Native Docker를 가동해 사용하고..

blog.aaronroh.org

Hyper-V Ubuntu Desktop 20.04 설치하기

으섭으섭 — Tue, 18 May 2021 16:32:58 +0900

Download ubuntu image

Download Link : https://ubuntu.com/download/desktop

Creating a virture machine on hyperv

설치하고자 하는 가상 머신의 이름 및 설치경로를 설정.

Kubernetes의 Control Plane 역할의 머신이므로 이름 말미에 cp를 붙임.

2세대 Hyperv 가상 머신으로 설정

Hyperv 1세대, 2세대 차이 : https://jimnong.tistory.com/830

네트워크 스위치 추가. Docker-machine 용으로 구성해 놓은 외부 가상 스위치 설정

가상 머신 생성 후 시작전에 가상머신의 설정을 변경

[설정] → [보안] → [보안 부팅 사용 체크] → [UEFI]

설정을 마친 후 가상머신 시작

Installing ubuntu on virture machine

Install Ubuntu

키보드 레이아웃 선택

업데이트 및 소프트웨어 선택

설치 유형 선택

현재 하드디스크에 설치된 운영체제가 없을 경우 위와 같은 화면이 출력됨. [something else] 선택 시 세부적인 파티션을 설정할 수 있음

user 정보 설정.

로그인 시 필요한 정보이므로 분실하지 않도록 주의한다.

설치 화면

설치 완료 후 리부트

초기 설정 후 우분투 사용

추가.

라이브 패치(LivePatch)

시스템을 재부팅하지 않고도 중요한 Linux 커널 보안 업데이트를 설치 및 적용할 수 있는 것이 라이브 패치.

실제 서비스를 하고 있는 시스템과 같이 시스템을 자주 재부팅할 수 없는 상황이 아니라면 굳이 사용하지 않아도 될 것 같음.

Reference

https://psychoria.tistory.com/741

https://hiseon.me/linux/ubuntu/install-ubuntu-18-04/

̀	a	à	à
́	a	á	á
̂	a	â	â
̃	a	ã	ã
̀	O	Ò	Ò
́	O	Ó	Ó
̂	O	Ô	Ô
̃	O	Õ	Õ

̀	a	à	à
́	a	á	á
̂	a	â	â
̃	a	ã	ã
̀	O	Ò	Ò
́	O	Ó	Ó
̂	O	Ô	Ô
̃	O	Õ	Õ

̀	a	à	à
́	a	á	á
̂	a	â	â
̃	a	ã	ã
̀	O	Ò	Ò
́	O	Ó	Ó
̂	O	Ô	Ô
̃	O	Õ	Õ