728x90

Study Planner(Google Spredsheet)
Book Library(Notion)

 

Today Read Hours Total Read Hours
1.5 571.0

 

Today I Read

 

Book No. Hours
(Sum)		 Title Author Date Pages IL BL
79 0.0
(4.0)		 P.S. I Still Love You(Audio) Jenny Han 2021.11.01 ~
ING		 248 UG 4.3
81 0.5
(7.0)		 Fluent Forever: How to Learn Any Language Fast and Never Forget It Gabriel Wyner 2021.11.11 ~ 
ING		 79~80/326 - -
82 1.0
(6.5)		 Messenger Lois Lowry 2021.11.14 ~
ING		 92~103/147 MG+ 5.0

 

 

아무래도 Fluent Forever 한글책을 읽어야 할듯하다. 정보 전달이 제대로 안되고 있는 느낌이다. 
반응형
저작자표시 비영리 변경금지

'Archive > English' 카테고리의 다른 글

[영어원서읽기][English]2021.11.26.FRI(575.0시간)  (0) 2021.11.25
[영어원서읽기]English]2021.11.25.THU(573.5시간)  (0) 2021.11.25
[영어원서읽기][English]2021.11.23.TUE(570.5시간)  (0) 2021.11.23
[영어원서읽기][English]2021.11.22.MON(569.5시간)  (0) 2021.11.23
[영어원서읽기][English]2021.11.21.SUN(568.5시간)  (0) 2021.11.21
728x90

Study Planner(Google Spredsheet)
Book Library(Notion)

 

Today Read Hours Total Read Hours
1.0 570.5

 

Today I Read

 

Book No. Hours
(Sum)		 Title Author Date Pages IL BL
79 0.0
(4.0)		 P.S. I Still Love You(Audio) Jenny Han 2021.11.01 ~
ING		 248 UG 4.3
81 0.0
(6.5)		 Fluent Forever: How to Learn Any Language Fast and Never Forget It Gabriel Wyner 2021.11.11 ~ 
ING		 79~/326 - -
82 1.0
(5.5)		 Messenger Lois Lowry 2021.11.14 ~
ING		 74~92/147 MG+ 5.0

 

 

Messenger. 점점 흥미있어진다.
반응형
저작자표시 비영리 변경금지

'Archive > English' 카테고리의 다른 글

[영어원서읽기]English]2021.11.25.THU(573.5시간)  (0) 2021.11.25
[영어원서읽기][English]2021.11.24.WED(572.0시간)  (0) 2021.11.24
[영어원서읽기][English]2021.11.22.MON(569.5시간)  (0) 2021.11.23
[영어원서읽기][English]2021.11.21.SUN(568.5시간)  (0) 2021.11.21
[영어원서읽기][English]2021.11.20.SAT(567.5시간)  (0) 2021.11.20
728x90

Study Planner(Google Spredsheet)
Book Library(Notion)

 

Today Read Hours Total Read Hours
1.0 569.5

 

Today I Read

 

Book No. Hours
(Sum)		 Title Author Date Pages IL BL
79 0.0
(4.0)		 P.S. I Still Love You(Audio) Jenny Han 2021.11.01 ~
ING		 248 UG 4.3
81 0.5
(6.5)		 Fluent Forever: How to Learn Any Language Fast and Never Forget It Gabriel Wyner 2021.11.11 ~ 
ING		 73~79/326 - -
82 0.5
(4.5)		 Messenger Lois Lowry 2021.11.14 ~
ING		 66~74/147 MG+ 5.0

 

 

Messenger는 아무리 봐도 작가의 전작인 Gathering Blue와 연결되어 있는 것 같다. 흥미롭다. The Giver를 포함해서 세 소설의 배경이 되는 장소는 무엇인가로부터 고립된 곳이다. 그리고 Gathering Blue에서 나온 강아지 이름이 Branch였던 것 같은데, 지금 읽고 있는 Messenger에서 잃어버린 강아지 이름이 Branch라고 한다. 빨리 읽어야겠다.
반응형
저작자표시 비영리 변경금지

'Archive > English' 카테고리의 다른 글

[영어원서읽기][English]2021.11.24.WED(572.0시간)  (0) 2021.11.24
[영어원서읽기][English]2021.11.23.TUE(570.5시간)  (0) 2021.11.23
[영어원서읽기][English]2021.11.21.SUN(568.5시간)  (0) 2021.11.21
[영어원서읽기][English]2021.11.20.SAT(567.5시간)  (0) 2021.11.20
[영어원서읽기][English]2021.11.19.FRI(565.5시간)  (0) 2021.11.19
728x90

Study Planner(Google Spredsheet)
Book Library(Notion)

 

Today Read Hours Total Read Hours
1.0 568.5

 

Today I Read

 

Book No. Hours
(Sum)		 Title Author Date Pages IL BL
79 0.0
(4.0)		 P.S. I Still Love You(Audio) Jenny Han 2021.11.01 ~
ING		 248 UG 4.3
81 1.0
(6.0)		 Fluent Forever: How to Learn Any Language Fast and Never Forget It Gabriel Wyner 2021.11.11 ~ 
ING		 62~73/326 - -
82 0.0
(4.0)		 Messenger Lois Lowry 2021.11.14 ~
ING		 66~/147 MG+ 5.0

 

 

ING
반응형
저작자표시 비영리 변경금지

'Archive > English' 카테고리의 다른 글

[영어원서읽기][English]2021.11.23.TUE(570.5시간)  (0) 2021.11.23
[영어원서읽기][English]2021.11.22.MON(569.5시간)  (0) 2021.11.23
[영어원서읽기][English]2021.11.20.SAT(567.5시간)  (0) 2021.11.20
[영어원서읽기][English]2021.11.19.FRI(565.5시간)  (0) 2021.11.19
[영어원서읽기][English]2021.11.18.THU(564.5시간)  (0) 2021.11.18
728x90

Study Planner(Google Spredsheet)
Book Library(Notion)

 

Today Read Hours Total Read Hours
2.0 567.5

 

Today I Read

 

Book No. Hours
(Sum)		 Title Author Date Pages IL BL
79 0.0
(4.0)		 P.S. I Still Love You(Audio) Jenny Han 2021.11.01 ~
ING		 248 UG 4.3
81 0.0
(5.0)		 Fluent Forever: How to Learn Any Language Fast and Never Forget It Gabriel Wyner 2021.11.11 ~ 
ING		 62~/326 - -
82 2.0
(4.0)		 Messenger Lois Lowry 2021.11.14 ~
ING		 39~66/147 MG+ 5.0

 

 

ING
반응형
저작자표시 비영리 변경금지

'Archive > English' 카테고리의 다른 글

[영어원서읽기][English]2021.11.22.MON(569.5시간)  (0) 2021.11.23
[영어원서읽기][English]2021.11.21.SUN(568.5시간)  (0) 2021.11.21
[영어원서읽기][English]2021.11.19.FRI(565.5시간)  (0) 2021.11.19
[영어원서읽기][English]2021.11.18.THU(564.5시간)  (0) 2021.11.18
[영어원서읽기][English]2021.11.17.WED(563.5시간)  (0) 2021.11.18
728x90

Study Planner(Google Spredsheet)
Book Library(Notion)

 

Today Read Hours Total Read Hours
1.0 565.5

 

Today I Read

 

Book No. Hours
(Sum)		 Title Author Date Pages IL BL
79 1.0
(4.0)		 P.S. I Still Love You(Audio) Jenny Han 2021.11.01 ~
ING		 248 UG 4.3
81 0.0
(5.0)		 Fluent Forever: How to Learn Any Language Fast and Never Forget It Gabriel Wyner 2021.11.11 ~ 
ING		 62~/326 - -
82 0.0
(2.0)		 Messenger Lois Lowry 2021.11.14 ~
ING		 39~/147 MG+ 5.0

 

 

ING
반응형
저작자표시 비영리 변경금지

'Archive > English' 카테고리의 다른 글

[영어원서읽기][English]2021.11.21.SUN(568.5시간)  (0) 2021.11.21
[영어원서읽기][English]2021.11.20.SAT(567.5시간)  (0) 2021.11.20
[영어원서읽기][English]2021.11.18.THU(564.5시간)  (0) 2021.11.18
[영어원서읽기][English]2021.11.17.WED(563.5시간)  (0) 2021.11.18
[영어원서읽기][English]2021.11.16.TUE(562.5시간)  (0) 2021.11.16
728x90

Study Planner(Google Spredsheet)
Book Library(Notion)

 

Today Read Hours Total Read Hours
1.0 564.5

 

Today I Read

 

Book No. Hours
(Sum)		 Title Author Date Pages IL BL
79 0.0
(3.0)		 P.S. I Still Love You(Audio) Jenny Han 2021.11.01 ~
ING		 248 UG 4.3
81 1.0
(5.0)		 Fluent Forever: How to Learn Any Language Fast and Never Forget It Gabriel Wyner 2021.11.11 ~ 
ING		 52~62/326 - -
82 0.0
(2.0)		 Messenger Lois Lowry 2021.11.14 ~
ING		 39~/147 MG+ 5.0

 

 

ING
반응형
저작자표시 비영리 변경금지

'Archive > English' 카테고리의 다른 글

[영어원서읽기][English]2021.11.20.SAT(567.5시간)  (0) 2021.11.20
[영어원서읽기][English]2021.11.19.FRI(565.5시간)  (0) 2021.11.19
[영어원서읽기][English]2021.11.17.WED(563.5시간)  (0) 2021.11.18
[영어원서읽기][English]2021.11.16.TUE(562.5시간)  (0) 2021.11.16
[영어원서읽기][English]2021.11.15.MON(561.0시간)  (0) 2021.11.15
728x90

Study Planner(Google Spredsheet)
Book Library(Notion)

 

Today Read Hours Total Read Hours
1.0 563.5

 

Today I Read

 

Book No. Hours
(Sum)		 Title Author Date Pages IL BL
79 0.0
(3.0)		 P.S. I Still Love You(Audio) Jenny Han 2021.11.01 ~
ING		 248 UG 4.3
81 1.0
(4.0)		 Fluent Forever: How to Learn Any Language Fast and Never Forget It Gabriel Wyner 2021.11.11 ~ 
ING		 37~52/326 - -
82 0.0
(2.0)		 Messenger Lois Lowry 2021.11.14 ~
ING		 39~/147 MG+ 5.0

 

 

코딩 공부와 같이 병행하니 책 읽는 시간이 많이 줄어들었다. 회사 다닐 때보다도 더 시간이 안 나는 거 같다.
그래도 꾸준히 하자!
반응형
저작자표시 비영리 변경금지

'Archive > English' 카테고리의 다른 글

[영어원서읽기][English]2021.11.19.FRI(565.5시간)  (0) 2021.11.19
[영어원서읽기][English]2021.11.18.THU(564.5시간)  (0) 2021.11.18
[영어원서읽기][English]2021.11.16.TUE(562.5시간)  (0) 2021.11.16
[영어원서읽기][English]2021.11.15.MON(561.0시간)  (0) 2021.11.15
[영어원서읽기][English]2021.11.14.SUN(559.5시간)  (0) 2021.11.14
728x90

display

CSS의 display 속성은 웹페이지를 어떻게 사용자에게 보여줄지를 결정한다. 

주요 속성값으로 inline, block, inline-block, none 이 있다. 

 

1. inline

width와 height을 지정할 수 없고, 오직 내용(contents)만 포함하는 개념이다.

줄 바꿈이 일어나지 않는다.

대표적으로 span, b, a tag 등이 있다.

 

2. block

가로 크기만큼의 영역을 모두 차지하고, 줄 바꿈이 일어난다.

width와 height의 크기를 지정할 수 있다. 

대표적으로 div, p, h tag 등이 있다. 

 

3. inline-block

inline과 block의 속성을 가지고 있다.

줄 바꿈이 일어나지 않지만, width와 height 크기 조절이 가능하다. 

 

4. Code

//HTML 

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="./index.css" />
  </head>
  <body>
    <div class="block_div">block</div>
    <div class="inline_div">inline</div>
    <div class="inline-block_div">inline-block</div>
  </body>
</html>
// CSS

body div {
  font-size: large;
  margin-bottom: 50px;
}
.block_div {
  display: block;
  background-color: aqua;
}
.inline_div {
  display: inline;
  width: 500px;
  /* inline 속성의 특징으로 위 속성값은 적용되지 않는다.  */
  background-color: chartreuse;
}
.inline-block_div {
  display: inline-block;
  width: 500px;
  background-color: gold;
}

Result

 

반응형
저작자표시 비영리 변경금지

'Programming > HTML, CSS' 카테고리의 다른 글

[HTML/CSS]Semantic Web과 Semantic Tag 이해하기  (0) 2021.11.16
[HTML/CSS]script 태그의 위치에 따른 차이점  (0) 2021.11.11
728x90

Study Planner(Google Spredsheet)
Book Library(Notion)

 

Today Read Hours Total Read Hours
1.5 562.5

 

Today I Read

 

Book No. Hours
(Sum)		 Title Author Date Pages IL BL
79 1.0
(3.0)		 P.S. I Still Love You(Audio) Jenny Han 2021.11.01 ~
ING		 248 UG 4.3
81 0.0
(3.0)		 Fluent Forever: How to Learn Any Language Fast and Never Forget It Gabriel Wyner 2021.11.11 ~ 
ING		 37~/326 - -
82 0.5
(2.0)		 Messenger Lois Lowry 2021.11.14 ~
ING		 31~39/147 MG+ 5.0

 

 

ING
반응형
저작자표시 비영리 변경금지

'Archive > English' 카테고리의 다른 글

[영어원서읽기][English]2021.11.18.THU(564.5시간)  (0) 2021.11.18
[영어원서읽기][English]2021.11.17.WED(563.5시간)  (0) 2021.11.18
[영어원서읽기][English]2021.11.15.MON(561.0시간)  (0) 2021.11.15
[영어원서읽기][English]2021.11.14.SUN(559.5시간)  (0) 2021.11.14
[영어원서읽기][English]2021.11.13.SAT(557.5시간)  (0) 2021.11.14
728x90

Semantic Web(a.k.a Web 3.0)이란??

W3C(World Wide Web Consortium)에서 제정한 World Wide Web의 확장판.

Semantic Web의 목적은 웹의 각종 정보들에 의미를 가지게 하기 위함이다. 여기서 의미를 가진다라고 함은 메타데이터(metadata)[각주:1]를 뜻한다. 메타데이터가 되기 위해서는 semantic tag가 필요하다. 

 

Semantic Tag란?

검색 엔진에 노출되기 위해서는 검색 키워드에 대응하는 인덱스가 존재해야하는데, 이러한 인덱스를 수집하는 기준이 바로 HTML의 semantic tag들이다.

HTML의 수많은 tag들중, img, header, main, body, footer 등이 바로 semantic tag들이다.

 

사이트에 이미지를 넣는 두 가지 방법

<img> VS <div> + background-image[각주:2]

두 가지 방법 모두 화면에 이미지를 구현한다는 점에서는 동일하지만, semantic 관점에서 차이가 있다. 

<img> 태그 - 의미를 가지고 있는 사진

<img alt="HTML" height="280" width="180" src="https://XXX">

1. 회사 로고, 인물 프로필 사진 등 콘텐츠 정보와 연관이 있는 이미지를 쓸 때 (alt 속성 함께 사용)

2. 경고 아이콘과 같이 중요한 의미가 내포된 이미지를 쓸 때 (마찬가지로 alt 속성 함께 사용)

3. 페이지 프린트시 이미지가 함께 나오도록 할 때

<div> 태그 + background-image 속성을 쓸 때 - "의미가 없어도 되는 사진"

// html
<div class="bg-img">배경이미지</div>
// CSS
.bg-img {
  /* background-color: yellow; */
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/1280px-HTML5_logo_and_wordmark.svg.png");
  height: 300px;
  width: 300px;
  background-size: 100%;
}

1. 이미지가 콘텐츠의 일부가 아닐 때

2. 이미지 스프라이트를 이용할 때

3. 말그대로 웹문서의 배경을 채우기 위한 용도일 때

4. 페이지 프린트시 이미지가 나오지 않게 할 때

 

 

  1. 메타데이터(metadata)는 데이터(data)에 대한 데이터이다. 이렇게 흔히들 간단히 정의하지만 엄격하게는, Karen Coyle에 의하면 "어떤 목적을 가지고 만들어진 데이터(Constructed data with a purpose)"라고도 정의한다.(wikipedia) [본문으로]
  2. 불타는 키보드 [본문으로]
반응형
저작자표시 비영리 변경금지

'Programming > HTML, CSS' 카테고리의 다른 글

[HTML/CSS]inline, block, inline-block 개념 비교  (0) 2021.11.17
[HTML/CSS]script 태그의 위치에 따른 차이점  (0) 2021.11.11
728x90

Study Planner(Google Spredsheet)
Book Library(Notion)

 

Today Read Hours Total Read Hours
1.5 561.0

 

Today I Read

 

Book No. Hours
(Sum)		 Title Author Date Pages IL BL
79 1.0
(2.0)		 P.S. I Still Love You(Audio) Jenny Han 2021.11.01 ~
ING		 248 UG 4.3
81 0.0
(3.0)		 Fluent Forever: How to Learn Any Language Fast and Never Forget It Gabriel Wyner 2021.11.11 ~ 
ING		 37~/326 - -
82 0.5
(1.5)		 Messenger Lois Lowry 2021.11.14 ~
ING		 20~31/147 MG+ 5.0

 

 

ING
반응형
저작자표시 비영리 변경금지

'Archive > English' 카테고리의 다른 글

[영어원서읽기][English]2021.11.17.WED(563.5시간)  (0) 2021.11.18
[영어원서읽기][English]2021.11.16.TUE(562.5시간)  (0) 2021.11.16
[영어원서읽기][English]2021.11.14.SUN(559.5시간)  (0) 2021.11.14
[영어원서읽기][English]2021.11.13.SAT(557.5시간)  (0) 2021.11.14
[영어원서읽기][English]2021.11.12.FRI(556.5시간)  (0) 2021.11.12

+ Recent posts

티스토리툴바