3월, 2024의 게시물 표시

특수기호(문자) HTML 코드표 태그 + ASCII 문자코드 정리

이미지
이번에는 정말 가끔씩 사용하게 되는 특수기호에 대한 HTML 태그 코드를 정리해 봅니다. 저도 이따금씩 검색해서 찾아 쓰곤 하는 것들이라, 여기에 깔끔하게 정리해두면 좋겠다고 늘 생각만 해왔었죠. 이제 실행으로 옮길 때입니다. 잘 정리해 두었으니 혹시 필요한 사람이 계시면 편하게 열람하시어 써먹으시면 좋겠습니다. 문자코드와 HTML 코드 표현문자 문자코드 HTML 코드 - �- - ! ! - 〃 " " # # - $ $ - % % - & & & ′ ' - ( ( -

특수기호(문자) 용어 정리 (뭐라고 불러야 할지 몰라서)

이미지
HTML관련 모임을 하나 더 운영하고 있습니다. 별거 없고요. 그냥 모여서 각코하는겁니다. 약간의 대화가 오고가면서 말입니다. 어느 날 "-" 이 특수문자를 뭐라고 불러야 좋을지 몰라서 그냥 "짝때기" 라고 이야기했습니다. 당연히 다들 알아들었지만 왠지 모를 민망함이 밀려오더라고요. 스스로에게 말입니다. 분명 쟤도 정식 명칭이 있을텐데 단순히 보이는대로 짝떼기라고 말하는건 좀 아니다라는 생각이 강하게 들었습니다. 이 글은 이런 민망함에서 시작된 것입니다. 단어란 일종의 약속입니다. 인간은 사회적 동물이며 언어라는것을 사용해 서로 의사 소통을 합니다. 이 언어는 단어의 조합이죠. 그렇기에 단어는 의사소통에 있어서 필수라 할 수 있겠습니다. 단어가 없다면 우리들은 어떠한 물건을 설명할 때 잔뜩 부풀려 이야기를 해야 할 것입니다. 그나마 "-" 이건 짝떼기로 끝났지만 그렇지 못한 상황의 단어는 어떻게 설명해야할지 난감할때도 분명 있을겁니다. 예를 들어 세미콜론은 "세로로 땡땡 말고 땡 쉼표인 것!" 정도로 풀어서 불러야겠죠? 너무 힘듭니다. 그러니 특수기호 특수문자에 대한 정확한 명칭을 알고 넘어가야겠습니다. 다양한 특수 기호들 특수문자(기호) 기호 영어(발음) 한글 ~ Tilde(틸드) 물결표시 ! Exclamation(엑스클러메이션) 느낌표

티스토리 서버 또 다운! 먹통! 역시 구글 블로그를 개설하길 잘 했다!

이미지
오늘 오후 (2024.3.22.금) 4시경 티스토리 서버가 또 다운 되었습니다. 404 Not Found 에러를 띄웠죠. 이제 매년마다 정기적으로 티스토리 에러가 발생하는 것 같습니다. 그나마 다행인건 빨리 조치가 되었다는 부분인데 그렇다고 안심해서는 안 되겠지요? 역시 구글 블로그를 하나 만들어두길 잘했다는 생각이 듭니다. 서브 블로그 개념으로 운영하고 있지만 그럭 저럭 꾸준히 잘 성장하고 있는 중입니다. 티스토리 책을 집필했기 때문에 지금 약간 일종의 책임감 때문에 꾸준히 티스토리를 육성하고 있는 것도 어느 정도 있긴 합니다. 그리고 귀찮음이 가장 크고요. 아무튼 구글 블로그는 역시 제대로 관리하면 무궁무진한 발전 가능성을 제시해 주었음을 피부로 느꼈습니다. 대비하세요 앞으로 티스토리 서버가 평생 안전할거라는 보장은 절대 없습니다. 그건 티스토리 서버 관리자도 장담 못 할 거에요. 서버는 어차피 하드웨어와 소프트웨어의 집합체! 둘 중 하나라도 문제가 생기면 당연히 오늘같은 일이 발생합니다. 서버 장애가 말이죠. 이건 티스토리측에서도 어쩔 수 없는 부분입니다. 그 누구도 앞으로 살아가면서 감기에 안 걸릴거라는 보장을 못 합니다. 확신도 못 합니다. 본인은 앞으로 절대 감기에 걸리지 않겠다라고 하는 사람이 있으면 정신 나간 사람으로 보겠죠? 마찬가집니다. 서버도 그렇습니다. 언제 어떻게 문제가 터질지 몰라요. 그래서 따로 보험을 만들어 두는 것입니다. 스스로가 말이죠. 하나의 블로그도 운영하기 벅찬데 두 개 씩이나?! 라고 생각이 드실겁니다. 저도 그렇습니다. 지금도 이 생각은 변함 없고요. 하지만 해야 합니다. 블로그를 평생 동반자로 함께이길 원하신다면 그만큼 노력을 해야하지 않을까 싶어요. 사랑도 노력해야 유지되는 것처럼요. 그럼 콘텐츠는? 만약 구글 블로그를 추가로 운영하려 한다면 고민되는게 바로 콘텐츠일 것입니다. 하지만 크게 걱정하실 필요는 없어요. 딱 솔루션을 제공해 드리겠습니다. 1. 이제 막 블로그를 시작하시는 분들은

홈트 전 먹는 단백질바 3종 비교 (커클랜드 그래놀라, 네이쳐벨리 트레일믹스, 츄이프로틴바)

이미지
약 3년 전부터 시작한 홈트레이닝! 남들은 닌텐도 스위치를 대부분 게임 하려고 구매하겠지만 저는 오로지 운동을 하기 위해 장만했습니다. 일어나자마자 밥을 먹으면 약간 속이 좀 부대낀다고 해야 하나요? 부담이 많이 됩니다. 소화할때까지 기다리는 시간도 아깝고요. 그래서 가볍게 영양 성분을 채워준다는 느낌으로 에너지바 하나를 먹어주고 시작합니다. 지금까지 총 3개의 단백질바를 먹어보았습니다. 참고로 닥터유나 그래놀라같은 제품은 아예 목록에서 제외했습니다. 왜냐하면 은근 비싸거든요. 그램 대비 말이죠. 그래서 가장 갓오브 갓성비 단백질바 3종을 구매한 것이며 가장 든든하고 맛있는 순위를 매겨보았습니다. 지극히 주관적인 개인 평가임을 다시 한 번 밝힙니다. 1. 네이쳐밸리 트레일믹스 가장 최근에 구매한 단백질바입니다. 크기는 3종 중 중간입니다. 작지도, 크지도 않습니다. 그리고 바라는 느낌이 잘 없어요. 엄청 쫀득말캉합니다. 보통 에너지바가 하드한 느낌이 있지 않습니까? 우적우적 씹는 느낌도 잘 없어요. 구미(Gummy) 같습니다. 그만큼 되게 소프트합니다. 여러 작은 곡물을 뭉쳐놓았기 때문일지는 모르겠어요. 맛은 있는 편입니다. 건포도맛이 강하게 느껴집니다. 하나만 먹어도 나름 든든합니다. 2. 네이쳐밸리 트레일믹스 이 에너지바는 일단 오늘 비교할 3종 중 가장 양이 적습니다. 바 하나당 크기를 말합니다. 그리고 맛도... 썩 좋다고 할 수 없어요. 하나만 먹어서는 절대 든든하지 않습니다. 박스 1개당 64개의 바가 들어있다고는 하지만 결국 2개씩 먹어줘야 하기에 32개가 들어있는것이나 다름이 없었습니다. 그래서 이후에는 절대 먹지 않을 것입니다. 3. 네이쳐벨리 츄이 프로틴바 오늘 소개해드리는 3종 중 가장 추천해드리고 싶은게 바로 이겁니다. 크기도 크고요. 바도 묵직합니다. 그리고 곡물이 커요. 우적우적 씹는 식감도 좋습니다. 특히 바닥 부분에 다크초코가 발라져 있기에 진짜 맛있습니다. 달지만 살찌는 당이 아닙니다. 무엇보다

친효애드온 : 티스토리 + 구글 블로그 본문 링크 배너 수동형 적용 방법

이미지
티스토리는 링크를 본문에 삽입 후 엔터를 누르면 해당 링크의 내용들이 자동으로 배너 스타일로 만들어집니다. 이거 하나는 참... 티스토리가 잘 해 놨어요. 사용자 편의성 부분은 오픈형 블로그 중에서는 아직까지는 티스토리가 탑이긴 합니다. 한국에서 만들었으니 뭐 당연하겠지만요. 다만 이런 티스토리도 완벽하지는 않습니다. 이따금씩 자동으로 링크 배너가 안 만들어지기도 합니다. 이유는 알 수 없지만 주로 URL 주소가 길거나 특정 사이트들이 안 되는 것 같습니다. 아마도 각 플랫폼과의 서버 통신이 원활하지 않은게 원인인 듯 해요. 아무튼! 이런 사소한 문제가 예전부터 신경이 쓰였고 어차피 구글 블로그에서도 안 되니까 그냥 둘 다 적용시킬 수 있는 수동형 링크 배너를 만들었습니다. 사용 방법도 그리 안 어렵습니다. 누구나 쉽게 따라할 수 있습니다. 스크립트 필요 없습니다. 그럼 일단 어떤 스타일인지 살펴보겠습니다. 미리보기 저의 티스토리 주소 바로가기 링크 배너를 바로 아래에 적용시켜 보았습니다. 친절한효자손 취미생활 친절한효자손이 운영하는 티스토리로 놀러오세요! rgy0409.tistory.com 이렇게 적용됩니다. 티스토리 오리지널 크기의 절반 수준이죠. 썸네일은 4분의 1로 줄었습니다. 너무 크면 부담스럽거든요. 광고 같기도 하고요. 그럼 어떻게 적용시키는지 안내해 드리겠습니다. 코드 다운로드 먼저 아래의 HTML과 CSS 코드가 들어있는 텍스트 파일을 다운로드 받습니다. 첨부파일 (구글 드라이브) 다운로드 받은 파일을 열어보시면 HTML과 CSS 코드가 있을겁니다. 먼저 CSS 코드를 전체 선택 후 복사합니다. CSS 세팅 복사한 CSS 코드를 스킨에 붙여넣기 합니다. 구글 블로그의 경우에는 관리자 > 테마 > 맞춤설정 오른쪽 버튼 을 눌러줍니다. HTML 편집 으로 들