1D1C

오류

• 구문 오류 : 프로그램 실행 전에 발생하는 오류

  • SyntaxError : 구문에 문제가 있어 프로그램 실행부터 불가능한 경우

• 런타임 오류 : 프로그램 실행 중에 발생하는 오류

예외처리

• 조건문을 사용

rad = input("정수 입력 :")

if rad.isdigit():
    print("원의 반지름 =", rad)
    print("원의 둘레 =", 2*3.14*rad)
    print("원의 넓이 =", 3.14*rad*rad)
else :
    print("정수를 입력하세요")

실행결과 :
정수 입력 :5
원의 반지름 = 5
원의 둘레 = 31.400000000000002
원의 넓이 = 78.5
정수 입력 :ㄹ
정수를 입력하세요

• try 구문 사용 : 아래 4가지의 구문을 이뤄야 함

  • try + except

  • try + except + else

  • try + except + finally

  • try + except + else + finally

try :                                       # 에러가 발생할 수 있는 코
    rad = int(input("정수 입력 :"))
    print("원의 반지름 =", rad)
    print("원의 둘레 =", 2*3.14*rad)
    print("원의 넓이 =", 3.14*rad*rad)
except :
    print("정수를 입력하세요")              # 에러가 발생했을 때
else :
    print("성공입니다.")                   # 에러가 발생하지 않았을 때
finally :                                  # 에러 발생 여부와 상관없이 무조건 실행
    print("끝")

실행결과 :
정수 입력 :5
원의 반지름 = 5
원의 둘레 = 31.400000000000002
원의 넓이 = 78.5
성공입니다.
끝

정수 입력 :ㄹ
정수를 입력하세요
끝

• pass : 예외가 발생했을 때 중요하지 않은 경우 except에 아무것도 실행시키지 않음

try :                                       
    rad = int(input("정수 입력 :"))
    print("원의 반지름 =", rad)
    print("원의 둘레 =", 2*3.14*rad)
    print("원의 넓이 =", 3.14*rad*rad)
except :
    pass

실행결과 :
정수 입력 : ㄹ

• raise : 예외를 강제로 발생시킴. 개발 단계에서 구현되지 않은 부분에 일부러 에러를 발생시켜 잊어버리지 않도록 함

num = int(input("정수 입력 :"))

if num > 0:
    raise NotImplementedError       # 아직 미구현했다는 에러

실행결과 : 
정수 입력 :5
Traceback (most recent call last):
  File "C:\Users\237-06\AppData\Local\Programs\Python\Python38-32\1.py", line 4, in <module>
    raise NotImplementedError
NotImplementedError

모듈

• 코드를 분리하고 공유하는 기능

• 표준 모듈 : 파이썬에 기본적으로 내장된 모듈

• 외부 모듈 : 사람들이 만들어 공개한 모듈

import 모듈이름

• 공식문서에서 모듈 확인하는 법 : https://docs.python.org/3/library/index.html

• 모듈 사용하기 

import math
print(math.sin(1))
print(math.cos(1))
print(math.tan(1))
print(math.factorial(10))
... 

실행결과 : 
0.8414709848078965
0.5403023058681398
1.5574077246549023
3628800

• from 구문 : module 이름 없이 변수나 함수 사용 가능

from math import sin, cos, tan, factorial
print(sin(1))
print(cos(1))
print(tan(1))
print(factorial(10))
... 

실행결과 :
0.8414709848078965
0.5403023058681398
1.5574077246549023
3628800

• as 구문 : module의 이름을 줄여서 사용 가능

import math as m
print(m.sin(1))
print(m.cos(1))
print(m.tan(1))
print(m.factorial(10))
... 

실행결과 : 
0.8414709848078965
0.5403023058681398
1.5574077246549023
3628800

• random 모듈 : 랜덤한 수를 생성하는 모듈

import random

print("random module")

print("random() : ", random.random())                               # 0 <= x < 1의 float 값
print("uniform(10,20) :", random.uniform(10,20))                    # 지정한 범위 내의 float 값
print("randrange(10) :", random.randrange(10))                      # 0 ~ 10까지 int 값
print("randrange(10,20) :", random.randrange(10,20))                # 10 ~ 20까지  int 값
print("choice([1,2,3,4,5]) :", random.choice([1,2,3,4,5]))          # 리스트 내의 요소 랜덤 선택
a = [1,2,3,4,5]
print("shuffle([1,2,3,4,5]) :", random.shuffle(a))                  # 리스트 요소를 랜덤으로 섞기
print(a)
print("sample([1,2,3,4,5]), k=2", random.sample([1,2,3,4,5],k=2))   # 리스트 요소 중 k 개를 뽑음

실행결과 : 
random module
random() :  0.10331388844593303
uniform(10,20) : 13.293293367032614
randrange(10) : 7
randrange(10,20) : 16
choice([1,2,3,4,5]) : 4
shuffle([1,2,3,4,5]) : None
[5, 3, 4, 1, 2]
sample([1,2,3,4,5]), k=2 [5, 1]

• datetime 모듈 : 날짜 및 시간과 관련된 모듈

import datetime

now = datetime.datetime.now()
print("현재시간 : ",now)
print("년 :",now.year)
print("월 :",now.month)
print("일 :",now.day)
print("시 :",now.hour)
print("분 :",now.minute)
print("초 :",now.second)

# 포맷으로 시간 출력하기
formatA = now.strftime("%Y년 %m월 %d일 %H:%M:%S")     			       # Y = 2020 y = 20
formatB = "{}년 {}월 {}일 {}시 {}분 {}초".format(now.year,now.month,now.day,now.hour,now.minute,now.second)
formatC = now.strftime("%Y{} %m{} %d{} %H{} %M{} %S{}").format(*"년월일시분초") # 중괄호 자리에 한글자 씩 들어감


print(formatA)
print(formatB)
print(formatC)

실행결과 :
현재시간 :  2020-01-10 15:56:10.482231
년 : 2020
월 : 1
일 : 10
시 : 15
분 : 56
초 : 10
2020년 01월 10일 15:56:10
2020년 1월 10일 15시 56분 10초
2020년 01월 10일 15시 56분 10초

• time 모듈  : 시간과 관련된 기능

import time

print("5초 후 끝")
time.sleep(5)
print("끝")

실행결과 : 
5초 후 끝
(5초 지나고)
끝

• 클래스 정의 및 객체 생성

• 생성자 : 객체가 생성될 때 자동으로 호출되는 메소드

# 클래스 정의
class Calculator:
    def __init__(self):		# 생성자 '_' 앞 뒤로 2개 씩
        self.result = 0
    def add(self,num):		# 메소드
        self.result += num
        return self.result
    
cal1 = Calculator()		# 객체 생성
print(cal1.add(3))

•  클래스로 사직연산 만들기

class Calculator:
    def __init__(self):		
        self.result = 0
    def add(self,num):		
        self.result += num
        return self.result
    def sub(self,num):
        self.result -= num
        return self.result
    def mul(self,num):
        self.result *= num
        return self.result
    def div(self,num):
        self.result /= num
        return self.result
        
cal1 = Calculator()		

print(cal1.add(3))
print(cal1.sub(1))
print(cal1.mul(4))
print(cal1.div(2))

실행결과 : 
3
2
8
4.0

• 클래스의 상속 : 부모 클래스의 내용(속성과 메소드)을 자식 클래스가 가지게 되는 것입니다.

class Calculator:
    def __init__(self):
        self.result = 0
    def add(self,num):
        self.result += num
        print("Calculator's add")
        return self.result

class MoreCalculator(Calculator):
    def pow(self,num):
        self.result = num ** 2
        return self.result
    
cal1 = Calculator()

print(cal1.add(3))

mcal1 = MoreCalculator()

print(mcal1.pow(4))
print(mcal1.add(3))

실행결과 : 
Calculator's add
3
16
Calculator's add
19

• 메소드 오버라이딩 : 부모 클래스에 있는 메소드와 같은 이름으로 만드는 것

class Calculator:
    def __init__(self):
        self.result = 0
    def add(self,num):
        self.result += num
        print("Calculator's add")
        return self.result

class MoreCalculator(Calculator):
    def pow(self,num):
        self.result = num ** 2
        return self.result
    def add(self,num):						# 메소드 오버라이딩
        self.result += num
        print("MoreCalculator's add")
        return self.result
    
cal1 = Calculator()

print(cal1.add(3))
print(cal1.sub(1))
print(cal1.mul(4))
print(cal1.div(2))

mcal1 = MoreCalculator()

print(mcal1.pow(4))
print(mcal1.add(3))

실행결과 : 
Calculator's add
3
16
MoreCalculator's add
19

const 키워드는 변수를 상수화 해주어 변수 값을 변경하려 할 때 막는 역할을 합니다. 읽기는 가능하지만 쓰기(변경)은 불가능합니다.

#include <iostream>
using namespace std;

int main()
{
	const int num = 5;
	num = 6;	// 오류 발생
	return 0;
}

C++에서는 const 대신에 #define 전처리기로도 상수형 변수를 선언할 수 있습니다. const로 선언하게 되면 변수의 타입을 확인할 수 있고 상수 식을 대체하여 사용할 수 있습니다. 

상수 식(const expression) : https://docs.microsoft.com/ko-kr/cpp/cpp/cpp-constant-expressions?view=vs-2019

const는 포인터에서도 사용이 가능합니다. const 위치에 따라 사용 방법이 다릅니다. char* const로 선언된 경우에는 포인터 값을 바꿀 수 없습니다. 아래의 예제 코드는 오류를 보여줍니다. 

#include <iostream>

using namespace std;

int main(int argc, char* argv[]) 
{
    char* pt, pt2;
    char* const cpt = pt;
    *cpt = '0';
    // cpt = pt2;		// error: assignment of read-only variable ‘cpt’
}

const char*로 선언된 경우에는 포인터가 가리키는 변수의 값을 바꿀 수 없습니다.

#include <iostream>

using namespace std;

int main(int argc, char* argv[]) 
{
    char* pt = "Hello";
    const char* cpt = pt;
    
    // *cpt = '0';		// error: assignment of read-only location ‘* cpt’
}

멤버 함수를 const를 이용해서 읽기 전용 함수로 만들 수 있습니다. const로 되어있는 멤버 함수 안에서 변수 값을 변경하려고 하면 에러를 발생합니다. const는 멤버 함수의 선언과 정의에서 모두 붙여야 합니다.

#include <iostream>

using namespace std;

class constTest
{
    int data = 0;
public:
    constTest()
    {
        
    }
    int getData() const;
    /*void setData(int data) const        
    {
        this->data = data;        // error: assignment of member ‘constTest::data’ in read-only object
    }*/    
};
int constTest::getData() const
{
    return data;
}
int main(int argc, char* argv[]) 
{
	constTest cT;
    cout << cT.getData();
    // cT.setData(4);
}

하지만 mutable로 선언된 변수는 const로 되어있어도 변경할 수 있습니다.

#include <iostream>

using namespace std;

class constTest
{
    mutable int data = 0;
public:
    constTest()
    {
        
    }
    int getData() const;
    void setData(int data) const        
    {
        this->data = data;        // error: assignment of member ‘constTest::data’ in read-only object
    }    
};
int constTest::getData() const
{
    return data;
}
int main(int argc, char* argv[]) 
{
	constTest cT;
    cout << cT.getData();
    cT.setData(4);
    cout << cT.getData();
}

/*
실행결과
04
*/

참고자료 : https://docs.microsoft.com/en-us/cpp/cpp/const-cpp?view=vs-2019

1. 웹사이트 완성 : https://opentutorials.org/course/3084/18431

이제 지금까지 만든 웹 페이지를 완성하려 합니다. 아래화면에 큰 제목을 1개 주고 제목을 눌렀을 때는 main.html, 그리고 각 메뉴를 눌렀을 때 다른 html로 이동하려 합니다.

main.html, profile.html, album.html, performance.html, broadcasting.html, movie.html을 만들어줍니다.

그 후 링크를 걸어줍니다.

<!--profile.html-->
<!doctype html>
<html>
  <head>
    <title>IU</title>
    <meta charset="utf-8">
  </head>

  <body>
    <h1><strong><a href="main.html">IU</a></strong></h1>
    <ol>
      <li><a href="profile.html">프로필</a></li>
      <li><a href="album.html">앨범</a></li>
      <li><a href="performance.html">공연</a></li>
      <li><a href="broadcasting.html">방송</a></li>
      <li><a href="movie.html">영화</a></li>
    </ol>

    <h2>아이유(이지은 | IU)</h2>

    <img src="iu_profile.jpg" width="30%">
    <p>
      출생     1993년 5월 16일<br>
      소속사   카카오M<br>
      수상     2018년 제 32회 골든디스크 어워즈 디지털음원부문 대상<br>
      사이트   <a href="https://www.instagram.com/dlwlrma/?hl=ko" target="_blank" title="IU instagram">인스타그램</a>,
              <a href="https://www.facebook.com/iu.loen/" target="_blank" title="IU facebook">페이스북</a>,
              <a href="https://www.youtube.com/channel/UC3SyT4_WLHzN7JmHQwKQZww" target="_blank" title="IU youtube">유튜브</a><br>
    </p>

    <p>
      대한민국의 가수 겸 배우. 본명은 이지은이며, 아이유(IU)는 예명이다.
      아이유(IU)는 '음악으로 너와 내가 하나가 된다'라는 뜻을 가지고 있다.
      2008년에 데뷔하였다. 국민 여동생이라고도 불렸다.
    </p>

    <p style="margin-top:40px;">
      현 시대(2010년대 이후) 여성 솔로 가수 중에서 독보적인 위치를 점하고 있는
      한국 가요계의 여왕이자 그 어떤 장르도 소화해내는 만능형 가수라는 평가를 받는다.
      2010년 잔소리와 좋은 날로 부흥한 이후 10년째 가요계 정상의 위치를 굳건히 지키며 롱런하고 있는 가수다.
    </p>
  </body>
</html>

터틀 그래픽(turtle graphic)

• 화면에서 거북이를 이용하여 지나간 흔적으로 만들어지는 그림

• 터틀 그래픽 사용 : import로 turtle module을 불러와야 합니다.

import turtle

• turtle 모양 변경 : turtle.shape()으로 변경합니다.

turtle.shape("turtle")
turtle.shape("classic")
turtle.shape("arrow")

• 이동하기

import turtle
turtle.shape("turtle")
turtle.forward(50)		# 이동
turtle.left(90)			# 방향 전환
turtle.forward(50)
turtle.right(90)
turtle.forward(50)

• 사각형 출력하기 

import turtle

t = turtle.Turtle()		# turtle을 t로 대체하기

t.shape("turtle")
t.fd(50)			# forward를 줄여서 fd
t.lt(90)			# left를 줄여서 lt	/ right를 줄이면 rt
t.fd(50)
t.lt(90)
t.fd(50)
t.lt(90)
t.fd(50)

• 원 출력하기

import turtle

t = turtle.Turtle()		
t.shape("turtle")

t.circle(50)

• 좌표 찍기

import turtle

t = turtle.Turtle()		
t.shape("turtle")

for i in range(4):
    t.fd(50)
    t.lt(90)
    t.write(t.position())

• 좌표 이동하기

import turtle

t = turtle.Turtle()		
t.shape("turtle")

t.up()				# 펜 올리기
t.goto(-150,0)			# 좌표로 이동
t.down()			# 펜 내리기
t.circle(80)
t.up()
t.goto(0,0)
t.down()
t.circle(80)

• 대화창 생성하기

import turtle
t= turtle.Turtle()
t.shape("turtle")

i=turtle.textinput("title","반지름을 입력하세요")	# 첫번째 매개변수는 창의 제목, 두번째 반복문은 창 안의 내용
t.circle(int(i))

• 도장 찍기

import turtle
t= turtle.Turtle()
t.shape("turtle")

for i in range(4):
    t.lt(90)
    t.fd(50)
    t.stamp()

• 색 변경하기

import turtle
t= turtle.Turtle()
t.shape("turtle")

t.color("red")
t.fd(100)

• 파일 생성하기 : 현재 python 파일의 폴더에 파일이 생성

f = open("new.txt",'w')		# w - 쓰기모드 / r - 읽기모드 / a - 추가모드 로 생성
f.close()

• 파일 쓰기

f = open("new.txt",'w')
for i in range(1,11):
    data = "%d번째 줄입니다.\n" % i
    f.write(data)
f.close()

파일열기모드가 w로 되어있으면 실행을 여러번 해도 출력이 추가되지는 않습니다. a로 되어있을 때는 값이 추가됩니다.

f = open("new.txt",'a')
for i in range(1,11):
    data = "%d번째 줄입니다.\n" % i
    f.write(data)
f.close()

• 파일 읽기 : 파일 읽기모드를 r로 설정합니다.

f = open("new.txt",'r')
while True:
    line = f.readline()
    if not line:
        break
    print(line)
f.close()

실행결과 : 
1번째 줄입니다.

2번째 줄입니다.

3번째 줄입니다.

4번째 줄입니다.

5번째 줄입니다.

6번째 줄입니다.

7번째 줄입니다.

8번째 줄입니다.

9번째 줄입니다.

10번째 줄입니다.

f = open("new.txt",'r')

line = f.readlines()    # 리스트로 받아옴
for i in line:
    print (i)
f.close()

실행결과 : 
1번째 줄입니다.

2번째 줄입니다.

3번째 줄입니다.

4번째 줄입니다.

5번째 줄입니다.

6번째 줄입니다.

7번째 줄입니다.

8번째 줄입니다.

9번째 줄입니다.

10번째 줄입니다.

f = open("new.txt",'r')
data = f.read()
print(data)
f.close()

실행결과 :
1번째 줄입니다.
2번째 줄입니다.
3번째 줄입니다.
4번째 줄입니다.
5번째 줄입니다.
6번째 줄입니다.
7번째 줄입니다.
8번째 줄입니다.
9번째 줄입니다.
10번째 줄입니다.

• 파일에 새로운 내용 추가하기

f = open("new.txt",'a')
for i in range(11,21):
    data = "%d번째 줄입니다.\n" % i
    f.write(data)
f.close()

• with : 파일 쓰기를 간결하게 해줍니다.

f = open("foo.txt",'w')
f.write("Hello")
f.close()

with open("foo.txt", 'w') as f:
    f.write("World")

1. 부모 자식과 목록 : https://opentutorials.org/course/3084/18408

서로 포함관계로 연관되어 있을 때 포함하고 있는 태그를 부모 태그, 포함된 태그를 자식 태그라고 합니다. HTML의 태그는 부모 자식의 관계가 자주 바뀝니다. 태그 중에는 항상 부모-자식 태그로 구성된 태그가 있습니다.

목차를 만들어 보려고 합니다. 목록을 표현해주기 위해서는 <li>를 사용합니다.

<li>1. 앨범</li>
<li>2. 공연</li>
<li>3. 방송</li>
<li>4. 영화</li>

<h1><strong><u>아이유</u>(이지은 | IU)</strong></h1>
<img src="iu_profile.jpg" width="30%">
<p>출생     1993년 5월 16일<br>
소속사   카카오M<br>
수상     2018년 제 32회 골든디스크 어워즈 디지털음원부문 대상<br>
사이트   인스타그램, 페이스북, 유튜브<br></p>

<p>대한민국의 가수 겸 배우. 본명은 이지은이며, 아이유(IU)는 예명이다.
아이유(IU)는 '음악으로 너와 내가 하나가 된다'라는 뜻을 가지고 있다.
2008년에 데뷔하였다. 국민 여동생이라고도 불렸다.</p>

<p style="margin-top:40px;">현 시대(2010년대 이후) 여성 솔로 가수 중에서 독보적인 위치를 점하고 있는
한국 가요계의 여왕이자 그 어떤 장르도 소화해내는 만능형 가수라는 평가를 받는다.
2010년 잔소리와 좋은 날로 부흥한 이후 10년째 가요계 정상의 위치를 굳건히 지키며 롱런하고 있는 가수다.</p>

리스트가 1종류이면 괜찮지만 2가지 이상일 때는 구분이 힘든데 이때 <li>의 부모 태그인 <ul>을 사용합니다. ul은 Unordered List의 약자입니다.

<ul>
  <li>1. 앨범</li>
  <li>2. 공연</li>
  <li>3. 방송</li>
  <li>4. 영화</li>
</ul>
<h1><strong><u>아이유</u>(이지은 | IU)</strong></h1>
<img src="iu_profile.jpg" width="30%">
<p>출생     1993년 5월 16일<br>
소속사   카카오M<br>
수상     2018년 제 32회 골든디스크 어워즈 디지털음원부문 대상<br>
사이트   인스타그램, 페이스북, 유튜브<br></p>

<p>대한민국의 가수 겸 배우. 본명은 이지은이며, 아이유(IU)는 예명이다.
아이유(IU)는 '음악으로 너와 내가 하나가 된다'라는 뜻을 가지고 있다.
2008년에 데뷔하였다. 국민 여동생이라고도 불렸다.</p>

<p style="margin-top:40px;">현 시대(2010년대 이후) 여성 솔로 가수 중에서 독보적인 위치를 점하고 있는
한국 가요계의 여왕이자 그 어떤 장르도 소화해내는 만능형 가수라는 평가를 받는다.
2010년 잔소리와 좋은 날로 부흥한 이후 10년째 가요계 정상의 위치를 굳건히 지키며 롱런하고 있는 가수다.</p>

지금은 간단하게 1. 2. 3. 4.의 목차 번호를 주고 있지만 목차 번호를 주는 태그도 있습니다. 부모 태그인 <ul>을 <ol>로 바꿔주면 됩니다. ol은 Unordered List의 약자입니다.

<ol>
  <li>앨범</li>
  <li>공연</li>
  <li>방송</li>
  <li>영화</li>
</ol>
<h1><strong><u>아이유</u>(이지은 | IU)</strong></h1>
<img src="iu_profile.jpg" width="30%">
<p>출생     1993년 5월 16일<br>
소속사   카카오M<br>
수상     2018년 제 32회 골든디스크 어워즈 디지털음원부문 대상<br>
사이트   인스타그램, 페이스북, 유튜브<br></p>

<p>대한민국의 가수 겸 배우. 본명은 이지은이며, 아이유(IU)는 예명이다.
아이유(IU)는 '음악으로 너와 내가 하나가 된다'라는 뜻을 가지고 있다.
2008년에 데뷔하였다. 국민 여동생이라고도 불렸다.</p>

<p style="margin-top:40px;">현 시대(2010년대 이후) 여성 솔로 가수 중에서 독보적인 위치를 점하고 있는
한국 가요계의 여왕이자 그 어떤 장르도 소화해내는 만능형 가수라는 평가를 받는다.
2010년 잔소리와 좋은 날로 부흥한 이후 10년째 가요계 정상의 위치를 굳건히 지키며 롱런하고 있는 가수다.</p>

2. 문서의 구조와 슈퍼스타들 : https://opentutorials.org/course/3084/18409

html에서 가장 많이 사용하는 5가지 태그들입니다.

먼저 <title>태그입니다. 이 태그를 사용하면 크롬이나 익스플로러에 탭에 나타나는 제목을 바꿔줄 수 있습니다.

<title>IU</title>

<ol>
  <li>앨범</li>
  <li>공연</li>
  <li>방송</li>
  <li>영화</li>
</ol>

<h1><strong><u>아이유</u>(이지은 | IU)</strong></h1>

<img src="iu_profile.jpg" width="30%">
<p>출생     1993년 5월 16일<br>
소속사   카카오M<br>
수상     2018년 제 32회 골든디스크 어워즈 디지털음원부문 대상<br>
사이트   인스타그램, 페이스북, 유튜브<br></p>

<p>대한민국의 가수 겸 배우. 본명은 이지은이며, 아이유(IU)는 예명이다.
아이유(IU)는 '음악으로 너와 내가 하나가 된다'라는 뜻을 가지고 있다.
2008년에 데뷔하였다. 국민 여동생이라고도 불렸다.</p>

<p style="margin-top:40px;">현 시대(2010년대 이후) 여성 솔로 가수 중에서 독보적인 위치를 점하고 있는
한국 가요계의 여왕이자 그 어떤 장르도 소화해내는 만능형 가수라는 평가를 받는다.
2010년 잔소리와 좋은 날로 부흥한 이후 10년째 가요계 정상의 위치를 굳건히 지키며 롱런하고 있는 가수다.</p>

현재 HTML로 작성하고 있는 인코딩 방식은 UTF-8입니다. 하지만 웹페이지에서 UTF-8로 구성하지 않으면 글씨가 제대로 나오지 않습니다. 이런 문제를 방지하기 위해서 아래와 같은 방법을 사용합니다.

<title>IU</title>
<meta charset="utf-8">
<ol>
  <li>앨범</li>
  <li>공연</li>
  <li>방송</li>
  <li>영화</li>
</ol>

<h1><strong><u>아이유</u>(이지은 | IU)</strong></h1>

<img src="iu_profile.jpg" width="30%">
<p>출생     1993년 5월 16일<br>
소속사   카카오M<br>
수상     2018년 제 32회 골든디스크 어워즈 디지털음원부문 대상<br>
사이트   인스타그램, 페이스북, 유튜브<br></p>

<p>대한민국의 가수 겸 배우. 본명은 이지은이며, 아이유(IU)는 예명이다.
아이유(IU)는 '음악으로 너와 내가 하나가 된다'라는 뜻을 가지고 있다.
2008년에 데뷔하였다. 국민 여동생이라고도 불렸다.</p>

<p style="margin-top:40px;">현 시대(2010년대 이후) 여성 솔로 가수 중에서 독보적인 위치를 점하고 있는
한국 가요계의 여왕이자 그 어떤 장르도 소화해내는 만능형 가수라는 평가를 받는다.
2010년 잔소리와 좋은 날로 부흥한 이후 10년째 가요계 정상의 위치를 굳건히 지키며 롱런하고 있는 가수다.</p>

<ol>부터는 본문을 말하고 <title>과 <meta>는 본문을 설명합니다. 본문은 <body>로 묶고 본문을 설명하는 부분은 <head>로 묶습니다. 그리고 문서 전체를 <html>로 묶습니다. 그리고 제일 상단에 html로 작성했다는 의미에서 <!doctype>을 기재해줍니다.

<!doctype html>
<html>
  <head>
    <title>IU</title>
    <meta charset="utf-8">
  </head>
  
  <body>
    <ol>
      <li>앨범</li>
      <li>공연</li>
      <li>방송</li>
      <li>영화</li>
    </ol>

    <h1><strong><u>아이유</u>(이지은 | IU)</strong></h1>

    <img src="iu_profile.jpg" width="30%">
    <p>출생     1993년 5월 16일<br>
    소속사   카카오M<br>
    수상     2018년 제 32회 골든디스크 어워즈 디지털음원부문 대상<br>
    사이트   인스타그램, 페이스북, 유튜브<br></p>

    <p>대한민국의 가수 겸 배우. 본명은 이지은이며, 아이유(IU)는 예명이다.
    아이유(IU)는 '음악으로 너와 내가 하나가 된다'라는 뜻을 가지고 있다.
    2008년에 데뷔하였다. 국민 여동생이라고도 불렸다.</p>

    <p style="margin-top:40px;">현 시대(2010년대 이후) 여성 솔로 가수 중에서 독보적인 위치를 점하고 있는
    한국 가요계의 여왕이자 그 어떤 장르도 소화해내는 만능형 가수라는 평가를 받는다.
    2010년 잔소리와 좋은 날로 부흥한 이후 10년째 가요계 정상의 위치를 굳건히 지키며 롱런하고 있는 가수다.</p>
  </body>
</html>

3. HTML 태그의 제왕 : https://opentutorials.org/course/3084/18418

<a>는 링크를 사용할 때 사용하는 태그입니다. 인스타그램, 페이스북, 유튜브에 링크를 걸어보겠습니다. 링크를 새로운 탭에서 열고 싶을 땐 target="_blank" 값을 주면 됩니다. 링크를 클릭하기 전에 어떤 링크인지 정보를 주고 싶을 때는 title=""값을 주면 됩니다.

<!doctype html>
<html>
  <head>
    <title>IU</title>
    <meta charset="utf-8">
  </head>

  <body>
    <ol>
      <li>앨범</li>
      <li>공연</li>
      <li>방송</li>
      <li>영화</li>
    </ol>

    <h1><strong><u>아이유</u>(이지은 | IU)</strong></h1>

    <img src="iu_profile.jpg" width="30%">
    <p>
      출생     1993년 5월 16일<br>
      소속사   카카오M<br>
      수상     2018년 제 32회 골든디스크 어워즈 디지털음원부문 대상<br>
      사이트   <a href="https://www.instagram.com/dlwlrma/?hl=ko" target="_blank" title="IU instagram">인스타그램</a>,
              <a href="https://www.facebook.com/iu.loen/" target="_blank" title="IU facebook">페이스북</a>,
              <a href="https://www.youtube.com/channel/UC3SyT4_WLHzN7JmHQwKQZww" target="_blank" title="IU youtube">유튜브</a><br>
    </p>

    <p>
      대한민국의 가수 겸 배우. 본명은 이지은이며, 아이유(IU)는 예명이다.
      아이유(IU)는 '음악으로 너와 내가 하나가 된다'라는 뜻을 가지고 있다.
      2008년에 데뷔하였다. 국민 여동생이라고도 불렸다.
    </p>

    <p style="margin-top:40px;">
      현 시대(2010년대 이후) 여성 솔로 가수 중에서 독보적인 위치를 점하고 있는
      한국 가요계의 여왕이자 그 어떤 장르도 소화해내는 만능형 가수라는 평가를 받는다.
      2010년 잔소리와 좋은 날로 부흥한 이후 10년째 가요계 정상의 위치를 굳건히 지키며 롱런하고 있는 가수다.
    </p>
  </body>
</html>