[HTML] HTML에서의 줄바꿈에 유용하게 사용할 수 있는 "< pre >" "< /pre >" 태그

구글 블로거 서비스를 이용하면서 페이지를 조금씩 수정할 일이 생깁니다.

주로 블로거 테마에서 html 편집을 통해 html을 조금씩 수정을 합니다.

 

Html을 전문적으로 배우지도 않았고 잘 알지도 못하지만 다른 사이트도 참고하고 수정한 후에 적용되는 부분을 보면 그럭저럭 간단한 부분은 수정을 할 수 있습니다.

 

최근에는 새롭게 <pre> </pre>라는 줄바꿈 태그를 알게 되었는데, 앞으로 유용하게 사용할 수 있을 것 같습니다.

 

원래 제가 줄바꿈에 주로 사용하던 태그는 <br>과 <p> </p> 태그입니다.

 

<br> 태그는 'break'의 약자로 Line break라고 해서 단순히 줄을 바꾸기 위해 사용합니다.

두 줄을 띄우고 싶으면 <br> 태그를 두 번 입력하는 식입니다.

 

그런데, 문제는 구글 블로거의 html 편집에서는 <br>태그를 적용하면 에러가 나고 저장이 되지 않습니다.

 

그래서 대안으로 <p></p> 태그도 이용을 해 봤습니다.

p 태그는 'paragraph'의 약자입니다. 문단의 시작 부분에 <p>, 문단이 끝나는 부분에 </p>를 입력하여 사용합니다.

 

그런데, <p> 태그는 문단의 위 아래에 일정한 공백이 생기는 형식으로 줄바꿈을 여러 번 하는 경우 등에는 적합하지 않고 번거롭기도 합니다.

 

그래서 찾아낸 것이 <pre></pre> 태그입니다.

 

pre는 'preformatted' 약자입니다.

<pre></pre>를 적용하면 그 사이에 있는 Enter와 Space가 그대로 웹 브라우저에 적용됩니다.

즉, <pre></pre>를 적용하면 그 태그 사이에 있는 부분은 워드처럼 사용할 수 있습니다.

 

Html 편집에서 줄바꿈이 필요할 때 편리하게 <pre></pre> 태그를 이용해 보시기 바랍니다.

[Google Blogger Template] 블로거 템플릿 추천 / Alexis Blogger Template

블로거 템플릿을 찾아보다가 마음에 드는 템플릿을 발견했습니다.

 

Alexis Blogger Template입니다.

gooyaabitemplates에서 다운받을 수 있습니다.

 

다운로드 링크가 있는 주소는 여기를 클릭하시면 됩니다.

Alexis Blogger Template 다운로드 

전반적인 디자인이 마음에 들고 기능도 모두 갖추고 있습니다.

그런데, 물 빠진 듯한 색상과 흐린 글씨체가 마음에 들지 않아서 몇 군데 html을 수정 했습니다.

 

상단 메뉴의 색상을 변경했고, 게시글 제목의 색상과 게시글의 색상을 수정했습니다.

포스트를 share 하는 부분에서 이미 서비스가 종료된 Google+를 삭제했고, 트위터로 글을 배포하는 부분이 문제가 있어 이 부분도 수정했습니다.

 

전반적인 디자인도 만족스럽지만 대부분의 기능을 블로거의 레이아웃에서 조정할 수 있는 부분도 마음에 듭니다.

 

최종 완성본은 아래 사이트를 방문하시면 확인할 수 있습니다.

 

Alexis Blogger Template이 적용된 Google blogger

MAKEMY WRITINGS GREAT WORKS.

[COLUMN / YOUTUBE] 너도 나도 유튜브, 일단 시작하면 돈이 될 것 같다는 달콤한 유혹

바야흐로 Two job, Three job을 넘어 N job의 시대입니다.

얼마전까지만 해도 투잡이라고 하면 대리운전 정도만 생각이 나는게 일반적이었습니다.

그러나 지금은 각종 재능공유 사이트를 통한 지식판매, 블로그를 통한 수익창출 그리고 유튜브 등 다양한 방식의 투잡들이 많이 알려져 있습니다.

그 중 대표적인 것이 유튜브 입니다.

누구는 유튜브로 얼마를 벌었다더라, 누구는 유튜브 수익으로 건물을 샀다더라 하는 말 부터 시작해서, 주위에 많은 유튜브 성공 스토리를 듣는 순간 누구나 유튜브를 시작하고자 하는 유혹에 빠져듭니다.

이러한 열풍을 반영이라도 하듯이 서점에는 유튜브 관련 책들이 수도 없이 쏟아져 나오고 있습니다.

위 책처럼 전반적인 유튜브 수익 창출 방법에 대한 책들도 있고 유사한 많은 책들이 있었습니다.

 

유튜브로 성공한 사람들이 유튜브 관련 영상도 촬영해서 올리고 책도 집필해서 또 수익을 올리는 것 같습니다.

이미 알려진 유명한 사람들이 유튜브와 도서로 다시 알려지고 이로 인해 탄탄한 수익을 올리고 있습니다.

누구나 할 수 있다고 유혹을 하고 있습니다.

지금 당장 시작하지 않으면 도태될 것 같고, 시작하기만 하면 큰 돈을 벌 수도 있을 것 같은 커다란 유혹이 다가옵니다.

하지만 실상은 누구나 돈을 벌고 있지는 않은 것 같습니다.

열심히 배우고 따라해도 성공하는 사람은 거의 없고, 그나마 용돈벌이라도 할 수 있는 정도도 되지 못하는 경우가 많습니다.

N잡이 아닌 취미생활에 그칠 수도 있습니다.

그럼에도 불구하고 관심이 있는 사람들은 주저하지 말고 도전해 보시기 바랍니다.

열심히 해서 성공하면 좋고, 만일 생각만큼 잘 되지 않는다면 용돈벌이라도 되면 좋을 것입니다.

용돈벌이도 되지 않는다면 좋은 취미를 가졌다고 치부해 버리면 그만입니다.

후회 없는 삶을 위해서, 자신감을 갖고 대세에 편승하여 큰 성공을 도모해 보는 것도 좋을 것입니다.

[Google Blogger Template] 구글 블로거 템플릿 적용 / 제대로 된 마음에 드는 템플릿 발견

구글 블로거를 사용하면서 대부분 만족을 하고 있습니다.

 

그러나 사용하다 보면 조금씩 부족한 부분이 발견됩니다.

구글에서 기본으로 제공하는 템플릿의 경우 모바일에서 간혹 링크가 연결되지 않는 문제점이 있습니다. 특히 애드센스를 적용한 블로그의 경우 이런 문제가 발생합니다.

 

이런 문제점 때문에 인터넷에서 무료로 제공하는 템플릿들을 적용해 보았지만, 이 경우 모바일에서 사진이 세로로 길게 찌그러져 보이는 문제점이 발생합니다.

가로로 된 사진을 긴 모바일 화면으로 보면서 사진이 길게 변해 버립니다.

 

항상 이런 문제로 인해 고민만 하고 있다가 드디어 이런 문제점들을 모두 해결한 블로그 템플릿을 발견했습니다.

 

kuzuro님이 만든 구글 템플릿입니다.

구글 블로그 다루기 #기본적인 블로거 템플릿

 

흰 바탕에 깔끔하게 제작이 되어 있어 일단 마음에 듭니다.

그리고 반응형이라서 모바일 페이지에도 자동 적용이 됩니다.

 

사진이 일그러지는 문제점은 그대로 발견이 되었지만 kuzuro님의 다른 글에서 사진을 원본 이미지만 나오게 하는 방법이라는 글에서 해결책을 찾았습니다.

 

사진의 모습이 변하지 않으면서 가장 크게 자동으로 사진이 적용되도록 해 놓으니 사진 해상도 문제가 해결이 되었습니다.

 

구글 블로거 다루기 #원본 이미지만 나오게 하기

아래 사이트는 제가 데모로 구축한 사이트입니다.

데모 사이트 보기

 

블로그 제목의 글씨 크기를 줄이고 헤더의 높이를 줄였습니다.

그리고 본문과 사이드바가 너무 붙어 있어서 조금 간격을 부여했습니다.

HTML을 수정하여 구글 애드센스도 본문의 테그 아래에 바로 삽입되도록 하였습니다.

사진은 원본으로 표시되도록 해 놓았습니다.

 

제대로 된 블로그 템플릿을 발견하여 이제 구글 블로거에 대한 만족도가 더욱 높아 졌습니다.

 

지금 이 페이지에 적용된 템플릿과 데모 사이트를 참고하시기 바랍니다.

[Galaxy Note20 vs. Galaxy Note20 Ultra] 갤럭시 노트20과 노트20 울트라 비교

갤럭시 노트20 울트라 사전예약을 신청하였습니다.

신청을 하면서 이것 저것 많은 고민과 갈등이 있었습니다.

 

관련 글 참조

[Galaxy Note20 Ultra] 갤럭시 노트20 울트라 자급제폰으로 사전예약 주문 완료

 

사전예약을 하면서 가장 고민을 했던 부분이 기종 선택이었습니다.

노트20이 좋을지, 아니면 노트20 울트라가 좋을지 고민에 고민을 거듭했고, 심사숙고 끝에 노트20 울트라로 결정했습니다.

아래 비교 표를 보면 이런 고민을 쉽게 해결할 수 있습니다.

노트20과 노트20 울트라는 AP는 동일하지만, 디스플레이 크기, 해상도, 카메라 성능, 배터리 용량 등 모든 면에서 노트20 울트라가 월등하게 좋았습니다.

당연히 가격은 노트20 울트라가 더 비쌌지만 충분히 더 지불할 가치가 있다고 생각이 듭니다.

노트20과 노트20 울트라 중에서 갈등을 겪고 있는 분은 노트20 울트라의 더 좋은 성능 대비 노트20보다 추가로 지불하게 되는 금액을 비교교량하여 최종 선택을 하시면 될 것 같습니다. 

 

 현재까지 Galaxy Note20 vs. Galaxy Note20 Ultra의 대결은 Galaxy Note20 Ultra의 압승이라는 것이 일반적인 의견인 것 같습니다.