안녕하세요. 위의 화면처럼 구현하려면 <div style=”height: 300px; background-color: #aaa; width:100%; display:table;”><div style=”text-align:center; display: table-cell; vertical-align: middle;”>안녕하세요.</div></div> 위 코드처럼 스타일 값을 주면 된다. <style> .test { height: 200px; background-color: #aaa; width:100%; display:table; } .tin { text-align:center; display: table-cell; vertical-align: middle; } </style> <div class=”test”><div class=”tin”>안녕하세요.</div></div> 똑같은 방식을 조금 다르게 구현하면 이렇다.
애드센스 자동 광고를 사용하지 않다가 최근에 시도해 본 후기를 써보려고 한다. 수익이 증가했는지와 사용 후기, 디자인에 대한 것을 얘기해보려고 한다. 지금까지 자동 광고를 사용하지 않았던 이유는 블로그의 깔끔함을 위해서였다. 그리고 전에는 모바일에서 화면에 떠 있는 메뉴 같은 것을 사용하고 있었던 적이 있는데 그때 자동 광고를 사용하니까 그 메뉴가 이상해져서 사용할 수가 없었다. 그런데 최근 다시 자동 광고를 사용해보니 광고가 생각보다 거슬리지 않았고 블로그 이용에 크게 거슬리거나 불편할 것 같지 않았다. (뭐 수익만 잘 나온다면 다 감수해야지.) 또한 현재는 모바일에서 떠 있는 메뉴도 사용하고 있지 않아서 자동 광고를 사용하는데 문제가 없다. 디자인 가장 신기했던 점은 광고가 블로그의 디자인? 구조를 흉내내는 듯한 … 더 보기
카페24에서 웹호스팅과 연결된 도메인에 대한 서브 도메인을 설정하고 싶었는데 메뉴를 찾기가 어려웠다. (gryeo.com을 연결해서 사용중이라면 us.gryeo.com과 같은 주소가 서브 도메인이다.) 그래서 서브도메인 설정하는 방법을 설명해보려고 한다. 카페24 관리자 화면에서 하단에 “도메인 네임서버(DNS)관리”를 클릭한다. 원하는 도메인을 클릭하고 “DNS 관리”를 클릭한다. “호스트IP(A 레코드) 관리”를 클릭하고 우측에 “A레코드 추가”를 클릭해서 “도메인/호스트”(원하는 앞부분 주소) “IP주소”(해당 주소로 연결할 또다른 웹호스팅이 있어야겠지? 해당 웹호스팅 업체에서 알아낼 수 있다.)를 입력하면 끝이다.
이게 이 블로그에서만 그런 건지 잘 모르겠는데 특정한 상황에서 상단에 이상한 여백이 생길 때가 있다. 이미지 위의 상단의 여백은 의도적으로 정한 것이 아니다. 위의 코드는 아래와 같다. <div class=”txtoon”><div> <img src=”https://img.gryeo.com/txtoon/js_11.gif” alt=”웹툰 캐릭터 표정” class=”tximg” /> <div></div> </div></div> 원래 내가 의도한 것은 위처럼 상단에 여백이 전혀 없게 나와야 한다. 위의 코드는 아래와 같다. <div class=”txtoon”><div> <div><img src=”https://img.gryeo.com/txtoon/js_11.gif” alt=”웹툰 캐릭터 표정” class=”tximg” /></div> <div></div> </div></div> 코드를 보면 두껍게 표시한 부분, 즉 이미지를 따로 div로 감싸줬느냐 아니냐의 차이가 있다. 첫번째 내 의도대로 나오지 않은 부분을 크롬의 “페이지 소스 보기”로 봤더니 이미지 코드 옆에 빨간색의 </p> 코드가 생겨 있었다. 이것 때문에 이상한 여백이 … 더 보기
pc 웹브라저에서 볼 때는 우측처럼 깔끔하게 보이던 그림이 모바일 웹브라우저에서 보니 좌측처럼 얼룩덜룩하게 보였다. 예를 들자면 왼쪽의 얼굴이 pc 화면에서는 깨끗하게 보이겠지만 모바일에서는 흐리게 보일 거야. 왼쪽의 얼굴이 모바일 화면에서는 깨끗하게 보이겠지만 pc 화면에서는 흐리게 보일 거야. 알고보니까 pc에서는 이미지를 그대로 보여주지만 모바일은 스마트폰의 해상도가 높으면 작은 이미지를 강제로 두배로 키워서 보여주기 때문이었다. (무조건 그런 것은 아니고 스마트폰의 해상도에 따라 다르게 보일 수 있다.) 어쨌든 도트 이미지를 각진 느낌을 살린 상태로 두배로 키우니까 모바일에서도 깨끗하게 보였다. 그런데 그러면 pc에서 얼룩덜룩하게 나온다. (pc에서는 큰 이미지를 줄여서 보여주게 되니까) 결국 pc와 모바일에서 상황에 따라 다른 이미지가 표시되게 해야 한다. 그래서 사용한 기능이 … 더 보기
8곳의 곡률을 모두 제각기 설정 가능하다. <div style=”width:200px; height:200px; background-color: green; margin: 20px auto; border-radius: 10px 10px 10px 10px / 100px 100px 4px 4px;”></div> 간단하게 이렇게 써도 된다. <div style=”width:200px; height:200px; background-color: green; margin: 20px auto; border-radius: 20px”></div> 테두리에 선이 있는 버전 <div style=”width:200px; height:200px; background-color: yellow; border: 2px solid black; margin: 20px auto; border-radius: 20px”></div> 관련 링크 CSS / border-radius / 테두리 둥글게 만드는 속성 [CSS] 테두리 및 외곽선을 둥글게 표현하기, Border-Radius
특정 카테고리의 글을 메인 화면에서 나오지 않게 하고 싶을 때는 이렇게 하면 된다. 일단 내가 제외시키고 싶은 카테고리의 고유 번호를 알아내야 한다. 워드프레스 관리자 화면/글/카테고리 화면으로 이동한다. 거기서 내가 제외시키고 싶은 카테고리를 클릭한다. 해당 카테고리를 편집하는 화면에서 주소 표시줄에 보면 고유 번호가 보일 것이다. ···category&tag_ID=444&post_type··· 위의 주소에서는 444이 고유 주소이다. 이제 이 카테고리를 메인에서 숨기는 코드를 입력하기 위해서 아래의 위치로 이동한다. 워드프레스 관리자 화면/테마 디자인/테마 편집기 우측에 테마 파일/테마 함수 (functions.php) 를 클릭한다. 거기서 나오는 코드들의 제일 아랫줄에 아래의 코드를 추가해주면 된다. function exclude_category( $query ) { if ( $query->is_home() && $query->is_main_query() ) { $query->set( ‘cat’, ‘-444’ ); } } … 더 보기
난 어두컴컴한게 좋다. 너무 밝은 건 뭔가 싫다. 눈이 아프다고 할까? 그래서 이사 오고 나서 한동안은 저녁에 어두워지면 방에 불을 켜지 않고 거실에 불만 켜고 문을 열어놔서 방 안으로 들어오는 빛만으로 지낸 적이 있다. (이게 되게 느낌이 좋았다. 기억은 안 나는데 어릴 때의 어떤 추억이 떠오르는? 아늑하고 친구 집에 놀러온 것 같은 그런 느낌이 들었다.) 그런데 역시 그정도 빛으로는 부족했는지 어두워서 밝은 모니터를 보면 눈이 아프기도 했고 종이에 쓴 글씨가 보이지 않았다. 그래서 너무 밝지 않고 방안을 은은하게 밝혀줄 조명을 검색해보기 시작했다. 그런데 내가 원하는 것을 찾는게 생각보다 쉽진 않았다. 조명을 검색하면 키 작은 스탠드 같은 게 나오거나 너무 한쪽으로만 … 더 보기
좌식 의자를 3개나 산 이유는 2번의 뽑기 실패 때문이다. 기존의 2개는 어떤 점이 마음에 안 들었고 마지막에 산 것은 무엇이 마음에 들었는지 후기를 써보려고 한다. 블루밍홈 PU방석 리얼우드 좌식의자 등받이(왼쪽), 체어클럽 골드백2500 듀얼 좌식의자 (오른쪽) 두개의 의자 모두 앉았을 때 꼬리뼈가 닿는 쪽에 뭔가 오돌토돌 튀어나온 것이 있어서 꼬리뼈가 아팠다. 그래서 자세도 흐트러졌다. 완쪽에 “리얼우드” 의자는 가격이 저렴하기라도 하지, 오른쪽에 “체어클럽” 의자는 가격은 비싼 편인데 앉으면 엉덩이 닿는 곳이 무슨 스펀지로 만든 것처럼 너무 힘이 없고 푹 꺼진다. 그래서 바닥에 살짝 튀어나온 것이 꼬리뼈에 그대로 닿게 된다. 이 모델들이 다 원래 그런 건지 내가 뽑기에 실패했는지는 모르겠지만 따로 위에 뭘 … 더 보기
워드프레스에서 여러개의 글에서 동일한 텍스트 코드를 수정하거나 제거하고 싶을 때 글을 하나하나 수정하려면 너무 오래 걸린다. 그럴 때 이런 플러그인을 이용하면 한꺼번에 편하게 수정할 수 있다. Better Search Replace 사용하는 방법은 간단하다. 관리자 화면에서 “플러그인/새로 추가”에 들어가서 “Better Search Replace”를 검색해서 해당 플러그인을 설치해준다. 그리고 “도구/Better Search Replace”를 클릭한다. A: 찾을 텍스트를 입력한다. B: 바꿀 텍스트를 입력한다. C: 변경을 적용하고 싶은 테이블만 선택할 수 있다. (나는 잘 몰라서 그냥 다 선택했다.) D: 원래 체크가 되어 있는데 체크를 해제하고 나서 아래에 있는 “Run Search/Replace”를 클릭해야 내용이 바뀐다. “If checked, no changes will be made to the database, allowing you to check … 더 보기
저작권이 만료되었거나 이벤트성으로 영화를 무료로 볼 수 있는 곳을 모아봤다. 옛날극장 / Old Movie Theatre (유튜브 채널) “석양의 결투”와 같은 해외 전설의 고전 명작을 볼 수 있다. 아래의 무비콘 영화 채널과 비교해서 로고 같은 것이 붙어있지 않고 고화질인 점이 마음에 든다. 무비콘 영화 (유튜브 채널) “티파니에서 아침을”과 같은 해외 전설의 고전 명작을 볼 수 있다. 한국고전영화 Korean Classic Film (유튜브 채널) 한국 영화 “꽃잎”, “서편제”, “뽕”과 같은 전설적인 작품들을 볼 수 있다. 옛날티비 : KBS Archive (유튜브 채널) KBS의 “TV문학관”이나 고전 드라마, 예능을 볼 수 있다. “전설의 고향”도 몇 편 뿐이지만 볼 수 있다. 수호 (유튜브 … 더 보기
채식한지 한 달 정도 됐을 때 비건, 현미식물식, 채식의 장점, 건강이 좋아진 사례, 개인적인 후기를 썼었고 이제 약 한 달이 더 지난 후(2개월차)의 후기를 써보려고 한다. 기존에 불편하던 점이 대부분 해소됐다. 손에서 이상한 냄새 나던 거랑 뒷목 뻐근했던 것은 다 사라졌고 얼굴과 등에 나던 여드름 같은 것도 정말 많이 사라졌다. 또 컨디션이 안 좋거나 하루 정도 얼굴을 안 씻으면 얼굴에 붉은 염증 같은 것이 올라와서 막 심해졌었는데 그게 거의 사라진 것 같아서 정말 좋다. 그리고 두피에 각질, 비듬이 있었는데 채식을 시작하고 한 달 정도 됐을 때는 살이 빠지고 있었을 때라 그런지 오히려 더 심해지는 느낌이 들었었는데 2개월이 지난 지금은 많이 … 더 보기
10년 전만 해도 이건희, 이재용이 잘못한 것이 있어도 경제를 살렸으니까 봐주자는 인식이 꽤 있었다. (지금도 그런가?) 그당시에는 실제 판결도 그런식으로 났던 것으로 기억한다. 그런식으로 이재용을 용서하면 이재용의 범죄로 피해를 당한 개인이나 정부는 뭐가 되지? 당연한 말이지만 이제는 그래서는 안 될 것이다. 잘못한 것이 있으면 그에 합당한 처벌을 받아야 한다는 당연한 말을 굳이 다시 꺼내는 일이 없었으면 좋겠다. 이재용 혼자서 삼성의 모든 일을 다 하고 모든 돈을 혼자 벌어들인게 아니다. 삼성에 다니는 직원들이 삼성에게 빌붙어서 돈만 받고 있는 것도 아니다. 이재용을 비롯한 수많은 직원들이 각자 자기 자리에서 열심히 했으니까 삼성이 발전하고 성과가 나왔겠지. 그런데 이재용은 그 성과를 자기 자신만을 위해서 악용했고 … 더 보기
클립스튜디오로 밑색을 칠할 때 내가 사용중인 방법에 대해서 유튜브 영상을 올렸다. 이 글에서는 영상에서 하지 못한 자세한 설명(특히 액션)을 해보려고 한다. 영상에 나온 클립 스튜디오 오토 액션 세트 받기 그려닷컴 밑색 (클립 오토 액션) 받은 파일은 클립 스튜디오의 오토 액션 탭에서 “세트 가져오기”로 불러오면 된다. 액션을 순서대로 설명하면 A 채우고 선택 해제 선택영역이 선택된 상태에서 이 액션을 실행하면 전경색으로 색이 칠해지고 선택영역이 해제된다. B 그려 밑색 세팅 내가 밑색을 칠하기 편한 구조로 레이어를 만들고 배치한다. 그런데 이 액션을 사용하기 전에 기본적으로 필요로 하는 레이어들이 몇 개 있다. 1. 선이 그려진 레이어 2. 빈 레이어 3. 빈 레이어 (이미지에서는 흰 색으로 … 더 보기
남에게 함부로 보여주면 안 되는 중요한 파일에 암호를 걸거나 자동 백업을 하는 방법에 대해 써보려고 한다. 폴더에 암호 걸기 “비밀 폴더” 폴더에 암호를 걸 수 있는 프로그램이다. 비밀 폴더 다운 받으러 가기 사용법은 너무 간단해서 따로 설명하진 않겠다. 참고할 점은 USB로 연결하는 외장 드라이브에는 암호를 걸 수 없다. 파일, 폴더를 압축해서 암호 걸기 “WINRAR” 압축 프로그램인데 암호를 걸 수 있고 압축된 상태에서 파일을 수정할 수 있다. WINRAR 다운 받으러 가기 WINRAR을 설치한 후에 압축하고 싶은 파일에 마우스 오른쪽을 클릭해서 “압축 파일에 추가”를 클릭한다. 당연한 얘기지만 여러 파일이나 폴더도 같이 압축 가능하다. 하지만 너무 많은 파일을 한꺼번에 하나의 rar 파일로 압축하는 … 더 보기
지금까지 이 블로그의 본문 상단에는 직사각형 광고 두개를 배치하고 있었다. 약 한 달 동안 넓은 700px짜리 광고 한 개로 바꿔보고 그 후기, 테스트 결과를 써보려고 한다. 상단 결론부터 말하자면 두개의 직사각형 광고를 배치하는게 수익이 훨씬 높았다. (모든 경우가 그런지는 모르겠지만 이 블로그 한정으로는 확실하게 차이가 났다.) 애드센스 정책상 자세한 통계를 공개하면 안 된다고 해서 대략적으로만 써보자면… 약 한 달의 기간 동안, 페이지 뷰 약 20,000 정도라는 거의 비슷한 상황을 기준으로 했을 때 넓은 광고 한 개만 배치했을 때의 광고 수익은 약 7,500원 정도였는데 직사각형 두 개를 배치했을 때의 수익은 (두개의 광고 합쳐서) 약 18,000원 정도로 거의 세 배에 가까운 차이가 … 더 보기
Everything은 파일을 검색해주는 프로그램이다. 이 프로그램의 장점은 가볍고 빠르게 연결된 모든 드라이브의 검색 결과를 한 번에 보여준다. 방식이나 원리는 잘 모르겠는데 정말 엄청 빠르게 검색 결과를 표시해준다. 또한 파일의 이름을 변경하면 바로 적용이 되는 것도 신기하다. 사용 방법은 그냥 탐색기처럼 실행해서 상단에 원하는 단어를 검색하면 된다. 탐색기에서는 경우에 따라 검색 결과가 제대로 표시되지 않을 때도 있어서 불편할 때가 많았는데 이 프로그램은 정말 깔끔하고 확실하게 검색한 내용을 다 표시해준다. 내가 자주 활용하는 방법 하나를 소개하자면 앞에 !를 붙이고 쓴 단어는 검색 결과에서 제외된다. 예를 들어 블랙핑크 !jpg 라고 검색하면 파일명에 블랙핑크가 들어있는 모든 파일이 검색 결과에 표시되는데 그중에서 파일명에 jpg가 들어있는 … 더 보기
비건에 대한 합리적이지 않은 비판 내용에 대해 반박해봤고 비건에 대한 내 생각을 정리해봤다. 비건에 대한 억지스러운 비판 반박 채식을 하면 영양소가 결핍되기 쉽다? 그러면 거꾸로 육식을 하기만 하면 영양소 결핍에서 자유로울 수 있나? 어차피 필요한 영양소를 골고루 섭취하지 않으면 육식이든 채식이든 영양소 결핍의 문제가 생길 수 있다. 채식은 기존에 고기를 통해 얻던 영양소를 다른 곡물, 채소, 과일, 해조류에서 얻으면 되는 것이다. 채식에 대한 환상도 문제가 되겠지만 육식에 대한 환상에서도 벗어날 필요가 있다. 식물도 생명이다? 비건들에게 식물도 생명이라고, 식물은 안 불쌍하냐고 비아냥대는 사람들이 있다. 식물도 생명이 맞다. 어쩌면 식물도 우리가 알 수 없을 뿐, 감정이 있고 공포나 고통을 느낄지도 모른다. 하지만 … 더 보기
개고기를 먹는 것을 반대하는 사람과 반대하지 않는 사람의 입장 차이에 대한 나의 생각과 내가 내린 결론을 써보려고 한다. 굳이 개고기를 먹어야 해? 개고기를 반대하는 사람들은 다른 먹을 것이 많은데 굳이 개고기를 먹어야 하냐고 말한다. 개는 인간과 오랜 세월을 가족처럼 지내왔는데 어떻게 그런 동물을 먹을 수가 있냐는 것이다. 개만 불쌍해? 개고기를 먹는 것을 반대하지 않는 사람들은 죽어가는 돼지, 소, 닭은 안 불쌍하냐고 되묻는다. 다른 동물도 소중한 생명인데 왜 개만 소중하다고 말하냐는 것이다. 나의 생각 내가 개를 아끼고 가족처럼 생각한다고 해서 남에게까지 개를 그렇게 생각하라고 강요해서는 안 된다고 생각한다. 개와 사람이 오랜 세월 가족처럼 지내왔다는 건 서양의 얘기일 뿐이다. 이미지 출처 개를 … 더 보기
현미식물식을 시작한지 한 달 정도가 되었다. 내가 접한 채식에 대한 정보와 장점, 구체적인 사례를 모아서 정리해보고 (아직 한 달 밖에 안 되었지만) 개인적으로 느낀 몸의 변화에 대해서 써보려고 한다. 비건, 현미식물식에 대한 설명과 장점 비건은 고기, 생선, 우유(유제품), 달걀 등의 동물성 식품을 먹지 않는 채식주의자를 말한다. 현미식물식은 약간 다른데 황성수 박사가 주장하는 방식으로써 동물성 식품을 먹지 않는 것은 똑같지만, 현미와 채소와 과일을 위주로, 되도록 익히지 않고 생으로 먹는 것을 말한다. 채식의 장점은 비만, 고지혈증 당뇨 고혈압 같은 성인병과 암을 예방한다. 유튜브나 방송에 나온 실제 사례를 몇개 캡처해봤다. 4일째는 약을 다 끊고 1주일 후 6kg 감량 현미식물식을 하고 일주일만에 6kg이 빠졌다고 … 더 보기
내가 직접 사용해 본 웹호스팅 서비스와 그 외에 알아본 웹호스팅 서비스들에 대해서 비교해보고 장단점을 정리해봤다. 카페24 나는 가장 저렴한 절약형을 사용중이다. 용량이 정말 작아서 방문자 수가 조금만 늘어나도 하루 한도 트래픽을 초과할 수 있다. 그래서 구글 블로그에 이미지를 올려서 링크하는 식으로 트래픽을 분산시켜야만 트래픽을 초과하지 않고 버틸 수 있다. (귀찮고 시간을 소비한다.) 하지만 그만큼 매우매우 저렴하기도 하고 서버가 빠르고 안정적인게 카페24의 장점이다. 한달에 500원이면 하루에 17원 정도다. (참고로 가장 처음에는 설치비 5,000원이 든다.) 처음 블로그를 시도해보려는 사람에게도 부담이 가지 않을만한 가격이다. 내 블로그는 하루 방문자가 많지 않아서 그런지도 모르겠지만 (보통 1,000명, 최고 6,000명) 블로그가 느리다는 느낌을 받은 적이 없고 생각나는 … 더 보기
약 6년간 블로그를 운영하면서 블로그를 운영해보고 싶은 분들께 도움이 될만한 정보들을 질문 답변 형식으로 써봤다. 하루 방문자는 몇명이야? 2019년 4월 이전에는 한달을 기준으로 하루 약 150명 정도가 내 블로그를 방문했는데. 좋은 자료들(?)이 많은 추천 토렌트 사이트 모음이라는 글의 방문자 수가 조금씩 늘더니 6월부터 하루 약 2,000명 정도로 급증했지. 그러더니 서서히 줄어서 현재는 하루 약 900명 정도를 유지중이야. (꿀 다 빠졌네…) 현재는 하나의 글만 방문자 수가 많은게 아니고 여러개의 글이 골고루 방문자 수를 지탱해주고 있어. (계속 글을 열심히 쓰다보면 방문자 수도 당연히 점차 더 늘어날 거라고 생각해.) 신기한 것은 방문자가 급증하고 나서 하루만에 다시 예전처럼 돌아간게 아니고 아주 오랫동안 꾸준히 유지됐다는 … 더 보기