바리스타요셉의 삶 속에서 기록하고 전하는 이런 저런 이야기들
광고부분 양해 바랍니다.

함께하는이야기 36

옛한글 이야기.2 - 훈민정음, 그리고 사라진 글자

본 이야기는 바리스타요셉이 훈민정음의 사라진 네 개의 글자인 '옛한글'에 대해 작은 관심이 생겨 그 내용을 알아가는 과정을 기록하는 것입니다. 작성환경 : 파이어폭스(Firefox) 웹브라우저, 마이크로소프트(Microsoft) 옛한글 입력기 옛한글이란? " 지금은 쓰이지 않는, 예전 한글 글자" 먼저, 시(詩) 한 편 읽고 가겠습니다. 훈민정음 28자 (박재성 작) 저 하늘의 별처럼 수많은 언어 중에 배달민족 하늘소리 세종 애민 홍익사상 천손민족 훈민정음 평안도 덕화리 고분에 그려진 고구려 천문도 속 28개 별자리 이어받은 훈민정음 28자 천지만물 모든 이치 완벽하게 담고 있는 훈민정음 28자 신령쓰런 쓰임인데 어느 글자 버릴손가 육백년사 풍파속에 어린 백성 무지하여 반치음(ᅀᅠ)과 여린히읗(ᅙᅠ) 아..

옛한글 이야기 .1 - 계기, 찌아찌아족에서 사용하는 한글

본 이야기는 바리스타요셉이 훈민정음의 사라진 네 개의 글자인 '옛한글'에 대해 작은 관심이 생겨 그 내용을 알아가는 과정을 기록하는 것입니다. 작성환경 : 파이어폭스(Firefox) 웹브라우저, 마이크로소프트(Microsoft) 옛한글 입력기 시작하며, 요즘 바리스타요셉은 '옛한글'에 대해 작은 관심이 생기기 시작했습니다. 그런데 검색하다 보니 많은 전문가 분들의 소중한 이야기를 찾을 수 있었지만 어린ᄇᆡᆨ셔ᇰ인 제가 이해하기에는 좀 어렵고 복잡하게 느껴졌어요. 그래도 공부하고 싶은 마음에 조금씩 알아가려고 하며 그 과정을 이야기로 풀어나가려고 합니다. 본 내용은 어린ᄇᆡᆨ셔ᇰ의 눈높이에서 훈민정음과 옛한글에 대해 알아가는 과정을 기록하는 것이니 정리되지 않고 부족하더라도 양해 바랍니다. 옛한글이란?..

티스토리블로그의 페이지 밑에 홈/위로/뒤로가기 버튼(아이콘) 추가한 이야기

제 블로그에 좀 긴 내용의 글을 올렸더니 글을 다 읽은 후 메뉴를 다시 누르거나 홈으로 가기 위해서 한 참 스크롤해서 올라가야 하는 불편함을 느꼈습니다. 제가 불편하면 다른 분들도 불편할 듯하여 제가 사용하는 기본 스킨에 아래 기능에 해당하는 아이콘(icon)과 테그(tag)를 추가해 보았습니다. 1. 홈(Home) 버튼 2. 위로가기(Top) 버튼 : 페이지 맨 위로 이동 3. 뒤로가기(Back / 또는 이전페이지 Previous page) 버튼 나오는 위치 : 글 내용 하단의 댓글 입력 부분 바로 위 모양만 봐도 아시겠지만 블로그 첫 페이지로 이동하는 HOME 버튼과 이전 페이지로 돌아가는 BACK 버튼, 그리고 페이지 맨 위로 올라가는 TOP 버튼입니다. 필요성을 못 느끼는 분들도 계시겠지만 저는 ..

티스토리 기본스킨 Odyssey 의 글내용폭 및 로고크기 수정 이야기

'바리스타요셉 이야기' 블로그는 티스토리(https://www.tistory.com/) 를 이용하고 있습니다. 티스토리가 예전에는 초대권을 받아야만 가입이 가능하였는데 요즘은 그냥 다 가입이 되어서 활용도가 많이 높아진 듯합니다. 저는 예전에 지인의 초대로 가입하여 두었다가 최근에 활성화하여 본격적으로 운영하고 있으며 블로그 설정 과정에서 기본 제공되는 스킨을 이용하다 보니 조금 답답한 부분이 있어서 아주 살짝~ 수정하여 사용하고 있습니다. 그래서 그 부분에 대한 이야기를 살짝 하고자 합니다. 늘 그렇듯이, 이번 이야기도 문제 해결을 위한 과정을 기록하는 내용입니다. 이야기의 주요 내용 기본 스킨 중 Odyssey을 2단 우측 사이드바가 나오도록 해서 사용하면 우측 사이드바 때문에 글 읽을 때의 폭이 좁..

포항시 코로나19 전수검사 받은 이야기...

포항시에서 전체 포항시민들 대상으로 1세대당 한 명이 코로나 19 전수검사를 받도록 행정명령을 내렸습니다. 포항시 행정 명령문 참조 http://www.pohang.go.kr/COVID-19.html?tabNo=10 코로나바이러스감염증-19 www.pohang.go.kr 저는 첫째 날, 가족 대표로 검사받기 위해 하루 일과를 조금 빨리 마치고 오후 5시쯤 해도동 기동 선별 소에 도착했습니다. 도착하니 이미 많은 분들이 줄을 서서 기다리고 계시더군요. 저도 뒤에 가서 줄을 섰습니다. 두 시간 정도 지난 저녁 7시쯤 되니 추위 속에서 계속 서서 기다려서 그런지 다리도 아프고 조금 힘들긴 했습니다만 그런 상황 속에서도 불평하지 않고 기다리고 계시는 어르신들의 모습이 보여 힘든 내색 하지 않고 같이 기다렸습니다..

구글 애드센스 (Google AdSense) 설치 이야기~

본 이야기는 제 블로그에 구글 애드센스를 적용하며 겪는 내용입니다. 티스토리 블로그에 광고를 올릴 수 있도록 되어 있음은 알고 계시죠? 제가 얼마 전에 카카오애드핏(kakao AdFit)을 설치해서 시험하고 있다는 이야기를 한 적 있는데요, 아직까지 큰 불편함이 없어서 유지하고 있는 중입니다. 광고를 많이 안 띄우고 방문자수가 적어서 노출수나 클릭이 별로 없지만 그래도 수익금이 조금씩 쌓이고 있는걸 보면 재미는 있네요. 그래서 이번엔 구글 애드센스 라는 것을 설치해 보고 있습니다. 며칠 전에 신청했는데 한국시간으로 오늘 새벽에 기습 승인이 되어서 광고가 올라오기 시작하더군요. 새벽에 잠시 깨었을 때 제 블로그 열어보고 깜짝 놀랐잖아요. 페이지 하단에 어마 무시한 광고가 떠 있어서 처음엔 카카오 애드핏 광..

조립컴퓨터의 내구성 이야기...

본 글에 거론되는 제품은 글의 진행상 적용된 소재로 광고목적이 아님을 분명히 밝힙니다. 오늘 동네 마트에 갔다가 마트 직원들의 이야기를 얼핏 듣게 되었습니다. 그 이야기의 내용은, 어느 한 직원이 조립컴퓨터를 사려고 하는데 컴퓨터에 대해서 조금 아는 듯 한 어느 분이 조립컴퓨터는 내구성이 좋지 않으니 돈을 조금 더 주고 대기업 제품을 구매하라고 권유하는 내용이었습니다. 틀린 말도 아니고 제가 관여할 부분이 아니라서 그냥 듣고 흘렸습니다만 계속 마음에 남아서인지 생각이 나서 몇 글자 적어보려고 합니다. 그냥 제 사견이니 참고만 하시고 선택과 결정은 본인 스스로에게 맡깁니다. 제가 컴퓨터 조립을 오랫동안(1992년~) 해 와서 그런지 요즘도 가끔 조립을 부탁하는 분들이 계십니다. 최근에도 게임용, 그래픽 작..

웹사이트 리뉴얼 이야기 - 10. 마치며...

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사 웹사이트 리뉴얼 이야기의 마지막입니다. 드디어 마지막 이야기입니다. 이것으로 웹사이트 완성~~~!! 이라고 외치면 좋겠지만 실상은 그렇지 않습니다. ^^ 아직 수정/보완해야 할 부분이 많고 영문 페이지도 만들어야 되거든요. 영문 페이지 만드는 과정은 생략하니 양해 바랍니다. 그냥 영문 버튼 눌러 지금까지 했던 작업을 동일하게 수행하면 됩니다. 단, 한글이 아닌 영어로 다 입력해야 하는 차이뿐입니다. 이번 이야기 과정에서 빠진 부분이 있습니다. 바로 '시안 작업'입니다. 보통은 웹사이트를 제작하기 전에 시안 작업이라는 것을 먼저 하게 됩니다. 어떤 형태..

웹사이트 리뉴얼 이야기 - 9. INTRO 페이지

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사 웹사이트 리뉴얼 이야기는 계속 이어집니다. INTRO 페이지 흔히 인덱스(INDEX) 페이지하고 하는 웹사이트 처음 접속하면 보이는 첫 페이지입니다. 그동안 만든 콘텐츠도 이용하고 새로운 요소도 추가하여 꾸며 보도록 하겠습니다. 1. 상단 슬라이드 이미지 블록 추가 - 이 부분은 인사말 페이지 제작할 때 만들어 두었던 것을 그대로 옮겨 두었습니다. 특별히 손 델 부분은 없을 듯하여 그냥 유지하도록 하겠습니다. 나중에 수정/보완할 때 좌우 폭이나 이미지와 텍스트 교체 정도는 이루어질 수 있습니다. 2. 구분선 추가 구분선이 차지하는 부분이 좀 큰 듯하여..

웹사이트 리뉴얼 이야기 - 8. 제품문의 페이지

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사 웹사이트 리뉴얼 이야기는 계속 이어 집니다. 제품문의 페이지 제품문의 페이지에는 간단하게 전화번호와 이메일만 나오면 되므로 페이지 자체를 이미지로 만들어 올리겠습니다. 1. 이미지 편집하기 1.1 관련 이미지를 freepik.com 에서 다운로드 받습니다. 1.2 다운로드 받은 이미지를 활용하여 적당하게 편집 합니다. 2. 이미지 넣을 블럭 추가 이미지 블럭 중 맨 아래에 보면 하나의 이미지만 있는 블럭을 선택하여 넣습니다. 3. 이미지 교체하기 이미지위에 마우스 포인터를 올리면 두 개의 아이콘이 나옵니다. 그 중 EDIT 아이콘을 누릅니다. 이미지 ..

웹사이트 리뉴얼 이야기 - 7. 공지사항 페이지

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사 홈페이지 리뉴얼 이야기는 계속 이어집니다. 공지사항 게시판 가비아 크리에이터링크 서비스에서 기본적으로 게시판 시스템을 지원하여 줍니다. 단, 베이직 계정에서는 회원제로 게시판 운영은 안됩니다. 의뢰 업체는 관리자가 공지사항만 올리면 되므로 회원제가 필요 없어서 베이직 계정으로 등록하였습니다. 1. 타이틀 블럭 추가 - 제품소개 페이지처럼 인사말 페이지의 타이틀블럭을 복사해 와서 수정합니다. 인사말 타이틀 블럭을 복사 하였습니다. . 복사한 블럭을 이동 후 [저장] 버튼을 누릅니다. . 인사말 글자를 공지사항으로 수정하였습니다. 2. 공지사항 게시판 설..

웹사이트 리뉴얼 이야기 - 6. 제품소개 페이지

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사 웹사이트 리뉴얼 이야기는 계속 이어 집니다. 제품소개 페이지 1. 상단 타이틀 만들기 - 인사말 페이지에 만들어 놓은 타이틀을 복사해서 사용하도록 하겠습니다. - 인사말 페이지의 타이틀 블럭 설정 버튼을 눌러 '블럭복제' 를 누릅니다. - 다시 타이틀블럭 설정버튼 눌러서 '블럭이동' 을 누릅니다. - '블럭 이동' 창이 뜨면 복제된 타이틀 블럭을 드래그 하여 '제품소개' 페이지 쪽으로 옮깁니다. - [저장] 버튼을 누르면 '블럭 이동' 창이 닫힙니다. - '제품소개' 페이지로 이동한 후 타이틀 글자를 '제품소개' 로 변경합니다. 2. 타이틀과 내용 이..

웹사이트 리뉴얼 이야기 - 5. 오시는길 페이지

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사 웹사이트 리뉴얼 이야기는 계속 이어집니다. 전하는 말 인사말 페이지 제작 후 다듬는 과정에서 메뉴 시스템을 하위(서브) 메뉴 방식으로 변경하였습니다. 오시는 길 페이지 제작 위치정보를 알려주는 블럭은 '컨택트' 라는 것을 이용하면 됩니다만 구글맵이 연동됩니다. 네이버맵이나 다음 카카오맵을 연동하는 방법에 대해서는 알아보아야 되겠습니다. 1. 상단 타이틀 블럭 추가 1.1 오시는 길 페이지 들어가기 - 사이트메뉴 중 '오시는길' 메뉴 선택하여 해당 페이지 열기 1.2 상단 타이틀 구성 - 이 페이지도 인사말과 같이 심플하게 구성하려고 하였으나 구글맵 표..

웹사이트 리뉴얼 이야기 - 4. 인사말 페이지

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사 웹사이트 리뉴얼 이야기는 계속 이어집니다. 인사말 페이지 제작 가비아 크리에이터링크에서 각 페이지를 제작/수정하는 작업은 마치 문서를 편집하는 것처럼 쉽게 되어 있습니다. 물론 적응하면 말입니다. 페이지 수정하는 방법은 사이트 편집 화면에서 실제 사이트 메뉴를 클릭하면 해당 페이지가 열리게 되고 거기에서 원하는 구성요소를 블럭처럼 쌓는 느낌으로 쌓고 배열한 후 내용을 적절하게 수정하면 됩니다. 즉, 인사말 페이지를 편집/수정하기 위해서 단지 '인사말' 메뉴를 클릭하세요. 그다음은 원하는 구성요소(블럭)를 추가하세요. 1. 인사말 페이지 열기 - '사이..

웹사이트 리뉴얼 이야기 - 3. 이미지/폰트 라이센스 확인

본 이야기는 지인의 기업용 홈페이지의 리뉴얼을 의뢰받아서 진행하는 과정을 적은 내용이며, 가비아 크리에이터링크 서비스를 이용해서 제작하였습니다. 지인 회사 웹사이트 리뉴얼 이야기는 계속 이어집니다. 제작 시작하기 전에 중요한 부분을 말씀드리겠습니다. 웹사이트 제작에 사용하는 폰트와 이미지는 항상 라이센스 부분을 확인해야 됩니다. 그냥 인터넷 검색해서 마음에 드는 이미지나 폰트를 사용했다가 라이센스 위반으로 나중에 엄청난 벌금을 무담해야 하는 상황이 올 수 있습니다. 이미지 참조 사이트 및 라이센스 정책 확인 pixabay.com pixabay에 올려진 이미지는 라이센스 표기 없이 상업적으로 사용해도 아무런 문제가 없습니다. freepik.com freepik의 이미지는 저작권 표시(저작자 또는 freep..