https://paperblock.tistory.com/ 웹, 워드프레스, 티스토리, 데스크탑, 생활정보 ko Sat, 22 Aug 2026 04:09:24 +0900 TISTORY 100 showtime ♪ https://paperblock.tistory.com/218 자바스크립트(Javascript)를 이용하여 코딩을 하는 경우 상당히 자주 만나게 되는 경우가 객체 복사입니다. 단순하게 A = B와 같은 방식으로 할당하는 경우, 객체 A의 변경이 B에 영향을 주게 되기 때문에 객체 복사를 위해서는 조금 다르게 접근해야 합니다.     객체 복사에는 실로 다양한 방법이 있습니다만, 최근에는 Native 하게 "StructuredClone"이라는 Global Function이 브라우저마다 서서히 도입.. 웹/JavaScript javascript Structured Clone showtime ♪ https://paperblock.tistory.com/218 https://paperblock.tistory.com/218#entry218comment Wed, 16 Feb 2022 19:04:13 +0900 https://paperblock.tistory.com/217 과정평가형 국가기술자격 정리   2015년 일부 국가기술자격에 대해서 "과정평가형 국가기술자격" 제도가 도입되었습니다. 이 제도는 기존의 검정방식이 아닌 교육·훈련과 평가가 혼합된 방식의 자격제도로, 산업현장 중심의 교육평가로 현장 중심형 인재 육성을 목표로 하고 있습니다.     이번 글에서는 과정평가형 국가기술자격이란 무엇인지에 대해서 알아보고 자격증 종류에 알아보겠습니다. 마지막으로 참고할만한 사이트를 소개.. 생활의 발견 과정평가형 국가기술자격 showtime ♪ https://paperblock.tistory.com/217 https://paperblock.tistory.com/217#entry217comment Tue, 25 Jan 2022 00:27:48 +0900 https://paperblock.tistory.com/216 요즘은 알고리즘이라는 말이 심심치 않게 등장하곤 합니다. 그런데 막상 "알고리즘"이라는 용어를 사용하기는 하는데... 과연 '알고리즘'의 정확한 뜻은 무엇일까요?   이번 글에서는 알고리즘이란 무엇인가에 대해서 알아보고 코딩과의 관계에 대해서 다뤄보도록 하겠습니다.   목차   1. 알고리즘이란? '알고리즘'이란 단어는 주로 컴퓨터와 관련하여 많이 등장합니다만, 포괄적으로 생각하면 어떤 일을 해결하려는 방법과 절차로 생.. IT일반 알고리즘 뜻 알고리즘이란 showtime ♪ https://paperblock.tistory.com/216 https://paperblock.tistory.com/216#entry216comment Fri, 31 Dec 2021 00:39:24 +0900 https://paperblock.tistory.com/215 웹에서 어떤 글의 목록의 제목, 혹은 본문 요약 부분 등은 일정 줄 수 이상에 대해서는 "..."로 표시되는 경우를 많이 보셨을 것입니다. 아무래도 제목이나 본문 요약 등은 길이가 동일한 것이 디자인 측면에서 좋겠죠?   이러한 텍스트 라인수의 조절은 여러 가지 방법이 있겠습니다만, 간단하게는 CSS를 통해서 해당 기능을 구현할 수 있습니다. 이번 글에서는 CSS로 라인수를 제한하는 방법에 대해서 알아보도록 하겠습니다.   &nbsp.. 웹/HTML, CSS CSS 라인수 제한 showtime ♪ https://paperblock.tistory.com/215 https://paperblock.tistory.com/215#entry215comment Wed, 8 Dec 2021 13:43:10 +0900 https://paperblock.tistory.com/214 사진 용량 줄이는 법 총정리   블로그를 하고 있다면 사진이 필요한 경우가 많죠. 여행, 음식 사진을 찍어서 올린다던지, 직접 물건의 사진을 촬영하여 리뷰한다던지... 혹은 사진 관련 사이트의 이미지를 다운로드해서 사용한다던지 등등, 사진을 업로드할 일이 많습니다.   그런데 위와 같은 이미지는 기본적으로 용량이 매우 큰 편입니다. 수~ 수십메가에 달하는 경우가 많죠. 가끔 수 메가 크기의 이미지를 그냥 올리시는 분들도 있는데, 사용자.. 블로그/블로거를 위한 디자인 사진 용량 줄이는 법 showtime ♪ https://paperblock.tistory.com/214 https://paperblock.tistory.com/214#entry214comment Tue, 16 Nov 2021 00:20:16 +0900 https://paperblock.tistory.com/213 국민 내일배움카드 신청자격 및 지원금   최근 장기화되고 있는 코로나 사태로 인해 취업시장이 많이 어렵다고 합니다. 하지만, 이런 시기를 오히려 한 단계 더 발전하기 위한 시간으로 생각하고 국민내일배움카드를 이용한 훈련 과정을 통해서 취업시장에 대비하는 분들이 늘어나고 있습니다.     나도 국민내일배움카드 제도를 활용할 수 있는지, 어느 정도 지원이 되는지 궁금하신가요? 이번 글에서는 내일배움카드 신청자격 및 지원내용 등에.. 생활의 발견 내일배움카드 신청자격 showtime ♪ https://paperblock.tistory.com/213 https://paperblock.tistory.com/213#entry213comment Fri, 29 Oct 2021 18:59:45 +0900 https://paperblock.tistory.com/212 증여세율 및 증여세 면제 한도액 알아보기   점차 자산을 보유하고 있는 고령의 인구가 늘어나고, 반대로 출산율은 점점 줄어들고 있습니다. 최근에는 절세 등을 위해 자식 혹은 손주에게 일찍부터 증여를 하는 경우가 늘어나고 있는 것 같습니다.     이번 글에서는 증여세율 및 증여세 면제 한도액에 대해서 알아보고 증여세 계산에서의 주의할 점에 대해서 살펴보겠습니다.   목차   1. 증여세율 증여세란 타인.. 생활의 발견 증여세 면제 한도액 증여세율 showtime ♪ https://paperblock.tistory.com/212 https://paperblock.tistory.com/212#entry212comment Wed, 20 Oct 2021 23:37:45 +0900 https://paperblock.tistory.com/210 코딩이란?   디지털 기술이 발전함에 따라 예전에는 전문 분야로 취급되던 프로그래밍 (코딩)에 대한 관심도가 커지고 있습니다. 소프트웨어가 점점 더 중시되면서 코딩에 관심이 당분간은 계속될 것으로 생각됩니다.     이번 글에서는 코딩이란 무엇인지, 기본적인 개념에 대해서 알아보겠습니다.   목차   1. 코딩이란? 우리는 소프트웨어의 시대에 살고 있습니다. 당장 카카오톡 같은 메신저 프로그램, 인터넷.. IT일반 코딩이란 showtime ♪ https://paperblock.tistory.com/210 https://paperblock.tistory.com/210#entry210comment Wed, 6 Oct 2021 01:49:39 +0900 https://paperblock.tistory.com/188 요즘 운영체제들은 대부분 라이트 모드/다크 모드를 지원합니다. 애플이 공식 지원을 시작한 후 윈도우 10, 안드로이드, iOS 할 것 없이 많은 운영체제에서 지원하고 있는데요, 점점 많은 애플리케이션과 웹사이트가 운영 체제의 다크 모드에서 어울리는 어두운 계열의 스타일을 추가로 만들고 있습니다.   사용자 입장에서야 좋겠지만 개발자는 괴롭습니다. 앱이든 웹이든... 하나, 둘 슬금슬금 다크 모드의 디자인을 별도로 제공하기 시작했죠. 별.. 웹/HTML, CSS prefers-color-scheme 다크모드 showtime ♪ https://paperblock.tistory.com/188 https://paperblock.tistory.com/188#entry188comment Fri, 24 Sep 2021 00:47:01 +0900 https://paperblock.tistory.com/209 아이폰13 가격 정보   2021년 9월 15일, 아이폰13 시리즈가 애플 이벤트를 통해서 공개되었습니다. 사실 아주 특별하게 새롭지는 않은 듯합니만, 늘 인기가 있었던지라 이번에는 어떨지 기대해봅니다.   아이폰 13 시리즈는 12와 동일하게 아이폰13, 미니, 프로, 프로맥스 총 4가지 모델로 구성되었습니다. 이번 글에서는 아이폰13 가격 및 색상, 크기에 대해서 알아보겠습니다.     목차   1.. IT일반 아이폰 13 가격 showtime ♪ https://paperblock.tistory.com/209 https://paperblock.tistory.com/209#entry209comment Thu, 16 Sep 2021 00:37:19 +0900 https://paperblock.tistory.com/207 메타버스란?   요즘 뉴스에 심심치 않게 등장하는 단어가 있죠? 바로 "메타버스(Metaverse)"입니다. 전 세계적으로 '메타버스' 열풍이 불고 있는데요, 시장조사업체 스트래티지 애널리틱스(SA)는 2025년 전 세계 메타버스 시장 규모가 2800억 달러(약 327조 원)에 이를 것으로 내다봤다고 하네요.   그런데 뉴스에서 많이 듣기는 했지만, 사실 메타버스란 어떤 개념인지 약간 모호하기도 합니다. 이번 글에서는 메타버스란 무엇이.. IT일반 메타버스 showtime ♪ https://paperblock.tistory.com/207 https://paperblock.tistory.com/207#entry207comment Sat, 11 Sep 2021 00:07:18 +0900 https://paperblock.tistory.com/206 갤럭시 Z플립3 가격과 공시지원금은 얼마?   요즘 가장 이슈가 되고 있는 스마트폰은 바로 삼성 갤럭시 Z 플립3입니다. 사전예약부터 심상치 않은 반응을 보여왔는데요, 일단 다른 걸 떠나서 가격이 생각보다(?) 저렴하면서도 디자인이 역대급으로 잘 나온 듯합니다.     저는 아이폰을 사용하는데 갤럭시 Z 플립3로 한번 옮겨보고 싶다는 생각이 들기도 했습니다. 이번 글에서는 갤럭시 Z 플립3 가격과 공시지원금에 대해서 알아보도.. IT일반 갤럭시 Z 플립3 가격 공시지원금 showtime ♪ https://paperblock.tistory.com/206 https://paperblock.tistory.com/206#entry206comment Sat, 4 Sep 2021 03:21:47 +0900 https://paperblock.tistory.com/124 인터넷 속도측정 방법   현재 내가 사용하고 있는 인터넷의 속도측정을 하려면 어떻게 해야 할까요? 기본적으로는 각 통신 3사에서는 인터넷 속도 측정을 위한 사이트를 운영하고 있습니다.     하지만, 로그인도 해야하고... 그리고 혹시 괜히 잘 나올 것 같은 세팅으로 테스트를 할 것 같은 근거 없는 의심이 샘솟기도 합니다. 이왕이면 크로스체크를 해보면 더 좋겠죠!   이번 글에서는 인터넷 속도측정을 위한 사이트 3곳.. IT일반 인터넷 속도측정 showtime ♪ https://paperblock.tistory.com/124 https://paperblock.tistory.com/124#entry124comment Thu, 2 Sep 2021 00:19:26 +0900 https://paperblock.tistory.com/130 온라인에서 자급제폰 싸게사는법   스마트폰을 구매하려다 보면, 고시 공부하듯 파고들어야 할 정도로 복잡한 경우가 많습니다. 어설프게 방문했다가는 덤터기 쓰는 경우도 있고, 소위 성지라는 곳도 발품 팔아서 알아야 하죠. 출처: 이동전화 단말기 자급제 소개   그래서 요즘은 자급제폰을 구입하고, 요금제를 저렴하게 이용하는 분들이 늘어나고 있습니다. 이번 글에서는 자급제폰이란 무엇인지에 대해서 알아보고 온라인에서 자급제폰 싸게사는법을 알아.. IT일반 자급제폰 싸게사는법 showtime ♪ https://paperblock.tistory.com/130 https://paperblock.tistory.com/130#entry130comment Fri, 27 Aug 2021 23:03:20 +0900 https://paperblock.tistory.com/139 프로그램 설치 없이 컴퓨터 화면 캡쳐하는 방법   블로그 혹은 문서를 작성하다 보면, 가끔은 컴퓨터 화면을 캡처해야 할 필요가 있습니다. 요즘은 워낙 캡쳐 프로그램들이 잘 나와있긴 하지만, 막상 해야 하는 작업에 비해 다소 과한 경우도 있죠.   윈도우 10부터는 자체 캡쳐 기능이 강화되었습니다. 기존에도 "프린트스크린(PrtSc)"키를 이용해서 캡처를 할 수 있었는데요, 현재는 조금 더 편리하게 사용할 수 있는 세부적인 기능을 제공합.. IT일반 컴퓨터 화면 캡쳐하는 방법 showtime ♪ https://paperblock.tistory.com/139 https://paperblock.tistory.com/139#entry139comment Wed, 25 Aug 2021 02:35:44 +0900 https://paperblock.tistory.com/194 이전 글에서 GeneratePress에 대해서 알아보았습니다. 그런데 얼마 전 필요성 30%, 호기심 70%로 제너레이트프레스 (Generate Press) 프리미엄 버전을 구매하였습니다. 사실 반쯤 충동구매였던것 같습니다...       이번 글에서는 GeneratePress 테마 구입 과정과 설치과정에 대해서 간략하게 정리해보겠습니다.   목차   1. 홈페이지에 회원가입이 없다! 홈페이지를 들어갔.. 워드프레스/GeneratePress 테마 GeneratePress Premium showtime ♪ https://paperblock.tistory.com/194 https://paperblock.tistory.com/194#entry194comment Tue, 24 Aug 2021 01:37:39 +0900 https://paperblock.tistory.com/204 중고차 시세표 조회방법 정리   요즘은 예전보다 중고차 매매가 활성화된 것 같습니다. 여러 기업들이 참여하고 온라인 서비스가 발전하면서, 좀 더 안정적으로 접근이 가능해지고 거래에 대한 부담이 덜해졌기 때문이겠죠?     이번 글에서는 중고차 시세표 조회 방법 3가지에 대해서 알아보겠습니다. 다음 3개의 분류로 나눠서 살펴보도록 하겠습니다. 실거래 데이터 기준 매물 기준 내 차 기준   목차   1.. 생활의 발견 중고차 시세표 showtime ♪ https://paperblock.tistory.com/204 https://paperblock.tistory.com/204#entry204comment Sun, 22 Aug 2021 00:21:14 +0900 https://paperblock.tistory.com/185 과태료 하면 떠오르는건 신호위반이나 속도위반인 경우가 많습니다만, 사실 조심만 하면 넘어갈 수 있습니다. 하지만 어쩔 수 없이 걸릴 확률이 더 높은경우가 바로 주정차 위반 과태료입니다.    행정안전부는 5대 불법 주정차를 정의하고 주민신고가 가능하도록 하기도 했죠. 교통소통을 원활하게 하고, 보행자의 안전을 도모하기 위해서 어쩔 수 없는 것 같습니다.     일단 주정차 위반 통지서를 받았다면 곧 과태료 고지서가 .. 생활의 발견 주정차 위반 과태료 조회 showtime ♪ https://paperblock.tistory.com/185 https://paperblock.tistory.com/185#entry185comment Wed, 18 Aug 2021 14:44:51 +0900 https://paperblock.tistory.com/203 2021년 올해 여름은 장마도 짧고 유독 더운 날이 많았습니다. 대낮은 물론, 밤에도 에어컨 없이는 지낼 수 없었던 여름이었던 것 같습니다. 에어컨을 펑펑 틀고 있으면 시원하기는 한데 전기세 누진구간을 생각하면 등골이 서늘해지죠.     과연 사용량에 따라 전기요금이 얼마나 나오게 될까요? 이번 글에서는 가정용 전기의 전기세 누진구간과 그에따른 전기요금 누진표 및 전기요금 계산방법에 대해서 알아보겠습니다.   목차 &.. 생활의 발견 전기세 계산방법 전기세 누진구간 전기요금 누진표 showtime ♪ https://paperblock.tistory.com/203 https://paperblock.tistory.com/203#entry203comment Fri, 13 Aug 2021 18:11:05 +0900 https://paperblock.tistory.com/201 국내 주식 거래시간 정리   국내 주식 거래시간을 정확히 알고 계신가요? 대부분 개인들이 참여하는 거래시간은 오전 9시에서 오후 3시 30분까지입니다. 하지만 알고 보면 정규장 시간 외에도 거래할 수 있는 기회가 많이 있습니다.   이번 글에서는 국내 주식 거래시간 4가지 종류에 대해서 총 정리해서 알아보도록 하겠습니다.   목차   주식 거래시간 요약 국내 주식 거래시간은 거래 방법에 따라 4종류로 나눌 수 있.. 생활의 발견 주식 거래시간 showtime ♪ https://paperblock.tistory.com/201 https://paperblock.tistory.com/201#entry201comment Wed, 11 Aug 2021 01:35:35 +0900 https://paperblock.tistory.com/182   위에 좋은 음식 10가지 정리   요즘은 시기가 시기인지라 활동 부족 등을 이유로 소화불량 증상을 호소하는 사람들이 늘어나고 있다고 합니다. 이런 때일수록 평소에 위 건강을 잘 유지하는 것이 좋겠죠?   혹시 위에 불편함을 가지고 있다면 위에 좋은 음식을 찾아서 섭취해보는 것도 좋을 것 같습니다. 이번 글에서는 위에 좋은 음식 10가지에 대해서 정리해보도록 하겠습니다.   목차   1. 양배추 양배.. 생활의 발견 위에 좋은 음식 showtime ♪ https://paperblock.tistory.com/182 https://paperblock.tistory.com/182#entry182comment Sat, 7 Aug 2021 00:10:03 +0900 https://paperblock.tistory.com/197 주식투자를 하는 데 있어서 종목을 선택하는 일도 중요하겠지만, 그보다 우선 증권사를 선택하는 것이 먼저겠죠? 일반적으로 증권사를 선택하는 데 있어서 다음과 같은 사항을 고려하게 됩니다.   HTS/MTS 편의성 및 기능 안전성 증권사 수수료   특히, 증권사별 주식거래 수수료는 거래비용과 관련된만큼 무시할 수 없는 결정요인입니다. 이번 글에서는 증권사 수수료 비교를 통해서, 증권사를 선택하는 데 있어서 참고할 만한 사항을 정리하였습.. 생활의 발견 증권사 수수료 비교 showtime ♪ https://paperblock.tistory.com/197 https://paperblock.tistory.com/197#entry197comment Thu, 5 Aug 2021 02:52:34 +0900 https://paperblock.tistory.com/193 이전 글에서 GeneratePress 무료 버전을 설치해 보았습니다. 속도도 빠르고, 무료이지만... 확실히 기본 디자인은 어딘가 아쉽게 느껴지지 않는다면 거짓말이겠죠?   조금 더 그럴듯하게, 사이트를 꾸미려한다면 CSS를, 더 나아가서는 워드프레스 자체에 대한 지식이 조금 더 필요할 수도 있습니다. 쉬운 커스터마이징을 필요로 한다면 프리미엄 버전을 구입하는 것도 한 가지 방법이 되겠죠.   이번 글에서는 제너레이트프레스의 유료버전인.. 워드프레스/GeneratePress 테마 GeneratePress 프리미엄 showtime ♪ https://paperblock.tistory.com/193 https://paperblock.tistory.com/193#entry193comment Sun, 1 Aug 2021 02:24:52 +0900 https://paperblock.tistory.com/192 국내에서 블로그를 운영하는 경우, 대부분은 네이버 블로그, 혹은 티스토리를 많이 이용하고 있습니다.   비용도 들지 않고 속도도 빠릿빠릿하고 각 포털의 블로그 영역에 노출이 되고 굳이 백업을 신경 안 써도 되고 관리는 포털에서 해주니까...   하지만, 어디까지나 남의 집이죠. 최근에는 자유를 찾아서, 워드프레스를 이용하여 직접 블로그를 운영하는 분도 늘어나고 있습니다.   워드프레스로 블로그를 하는 경우, 이런저런 테마를.. 워드프레스/GeneratePress 테마 GeneratePress 무료버전 showtime ♪ https://paperblock.tistory.com/192 https://paperblock.tistory.com/192#entry192comment Tue, 13 Jul 2021 01:32:31 +0900 https://paperblock.tistory.com/196 이전 글에서 호스팅케이알의 리눅스 호스팅에서 워드프레스를 설치하고 SSL 발급까지 자동으로 되는 것을 확인하였습니다.    현재 해당 호스팅에 설치된 상태는 이렇습니다. https://pb1.xyz을 기본으로 해서 워드프레스를 설치 https://sub1.pb1.xyz라는 서브도메인에 워드프레스 설치   즉, 하나의 서버에서 메인 도메인과 서브 도메인 2개의 사이트를 만들어 보았습니다. 여러개의 사이트를 운용할 수 있다는 .. 워드프레스/설치하기 cpanel 애드온 도메인 호스팅케이알 워드프레스 showtime ♪ https://paperblock.tistory.com/196 https://paperblock.tistory.com/196#entry196comment Mon, 28 Jun 2021 18:09:11 +0900 https://paperblock.tistory.com/195 이전 글에서 호스팅케이알의 새로운 리눅스 웹 호스팅을 설치하고 cPanel 대시보드를 맛보기로 살짝 감상만 해보았습니다. 하지만 실제 목적은 cPanel 띄우기가 아니라 워드프레스를 설치, 운영해 보는 것이겠죠?   이번 글에서는 앞에서 설치한 cPanel을 기반으로 다음 사항에 대해서 알아보겠습니다. 메인도메인에 워드프레스 설치 서브도메인에 워드프레스 설치   어디까지나 초보 수준이기 때문에... 복잡한 내용은 다루지 않고 설치 .. 워드프레스/설치하기 호스팅케이알 워드프레스 showtime ♪ https://paperblock.tistory.com/195 https://paperblock.tistory.com/195#entry195comment Tue, 15 Jun 2021 00:46:43 +0900 https://paperblock.tistory.com/191 이전 글에서 호스팅케이알(HostingKr)의 새로운 리눅스 웹호스팅에 대해서 간단하게 소개해 드렸습니다. 개인적으로는 cPanel을 사용해본 적이 없어서 호기심이 생기더군요. 궁금하면 해봐야죠!   총 3편의 글을 통해서 ① 호스팅케이알 웹호스팅에 가입하고, ② 워드프레스를 설치하고 도메인을 연결하는 과정을 정리해보도록 하겠습니다. 그리고 ③ 여러 개의 워드프레스 사이트를 추가하는 방법도 알아보겠습니다.   이번 편에서는 호스팅케이알.. 워드프레스/설치하기 cpanel 호스팅케이알 웹호스팅 showtime ♪ https://paperblock.tistory.com/191 https://paperblock.tistory.com/191#entry191comment Thu, 3 Jun 2021 01:10:03 +0900 https://paperblock.tistory.com/190 요즘은 도메인 구입을 위해서 호스팅케이알(Hosting.kr)을 이용하시는 분들이 많은 것으로 알고 있습니다. 가격이 메이저 업체보다는 저렴하면서, 편의성에 있어서 별다른 불편함이 없기 때문이기도 합니다. 저 역시 도메인 구입은 호스팅케이알을 이용합니다.   다만, 호스팅케이알에서 워드프레스 관련 호스팅은 전혀 고려해본 적이 없었습니다. 사실 그전에는 워드프레스 웹호스팅을 어떻게 지원했는지 살펴본 기억이 전혀 없네요 :-)   그런데 .. 워드프레스/설치하기 cpanel 웹호스팅 호스팅케이알 showtime ♪ https://paperblock.tistory.com/190 https://paperblock.tistory.com/190#entry190comment Tue, 18 May 2021 01:56:56 +0900 https://paperblock.tistory.com/152 대표적인 검색 엔진 제공 회사들은 각자의 브라우저를 가지고 있습니다. 대표적으로 구글의 크롬, 마이크로소프트의 엣지, 네이버의 웨일이죠. 2021년 3월 기준, 국내 데스크톱 브라우저의 점유율은 다음과 같습니다. 악명의 IE는 점차 낮아지고 있고, 엣지는 생각보다 제법 점유율이 되는 편이네요.     굳이 돈도 안될것 같은 브라우저에 왜 이리 힘을 쓸까요? 아마도 자사 서비스로 유도하기에 용이한 이유가 하나 있을 것이고, 또 하나는 .. IT일반 주소창 검색 showtime ♪ https://paperblock.tistory.com/152 https://paperblock.tistory.com/152#entry152comment Thu, 29 Apr 2021 00:03:47 +0900 https://paperblock.tistory.com/180 개발을 하다 보면 어떤 작업에 소요되는 시간을 측정해야 할 경우가 있습니다. 특정 부분 함수의 속도를 최적화한다거나, 아니면 과제 보고서 등을 작성할 때 어떤 작업의 개선 효과 등을 기록하기 위해서 필요한 경우가 있습니다.   개선이 된 것처럼 보여야 하니까 일단 뭐라도 나와야...   Date() 함수를 이용하여 시간차를 구해도 되지만, 그보다는 console의 메서드로 제공되는 console.time()과 console.timeEn.. 웹/JavaScript console.time console.timeEnd showtime ♪ https://paperblock.tistory.com/180 https://paperblock.tistory.com/180#entry180comment Fri, 9 Apr 2021 01:17:20 +0900 https://paperblock.tistory.com/187 글을 작성하다 보면, 복사/붙여넣기를 해야 할 경우가 있습니다. 그런데 티스토리 새 에디터에서 복사/붙여넣기를 하다 보면 " " 라던지 각종 <span>이라던지... 뭔가 지저분한게 붙는 경우가 발생하기도 합니다.   깔끔하게 복/붙 하는 방법은 없을까요? 이번 글에서는 티스토리 에디터로 깔끔하게 복사해 오는 방법에 대해서 살펴보겠습니다.       1. 어떤 문제가? 다른 곳에서 복사를 .. 블로그/티스토리 복붙 티스토리 에디터 showtime ♪ https://paperblock.tistory.com/187 https://paperblock.tistory.com/187#entry187comment Sun, 14 Mar 2021 00:59:34 +0900 https://paperblock.tistory.com/183 투명한 글씨가 필요하신가요? 배경 이미지 위에 텍스트를 넣을 때, 투명한 글씨를 이용하면 꽤 특이한 느낌의 이미지를 만들어 볼 수 있습니다.   이전 글에서 포토스케이프 X의 "문자마스크" 기능을 이용해서 글씨 안에 이미지를 넣는 방법에 대해서 알아보았는데요...   [포토스케이프 X] 글씨에 이미지 넣는 방법 멋진 글씨를 만들어 보고 싶으신가요? 가끔, 독특한 글씨를 만들기 위해서 단순히 색상이나 그림자를 입히는 것을 넘어서, 이.. 블로그/블로거를 위한 디자인 투명 글씨 포토스케이프 X showtime ♪ https://paperblock.tistory.com/183 https://paperblock.tistory.com/183#entry183comment Sun, 28 Feb 2021 01:16:06 +0900 https://paperblock.tistory.com/184   멋진 글씨를 만들어 보고 싶으신가요?   가끔, 독특한 글씨를 만들기 위해서 단순히 색상이나 그림자를 입히는 것을 넘어서, 이미지의 느낌을 주고 싶은 경우가 있습니다. 포토샵을 사용하면 되겠지만, 포토스케이프 X를 사용하더라도 꽤나 괜찮은 품질의 "이미지가 들어간 글씨"를 만들어 볼 수 있습니다.   이번 글에서는 포토스케이프 X의 문자마스크 기능을 이용하여 글씨에 배경을 넣는 방법에 대해서 알아보겠습니다. 대략 아래와 같.. 블로그/블로거를 위한 디자인 문자마스크 포토스케이프 X showtime ♪ https://paperblock.tistory.com/184 https://paperblock.tistory.com/184#entry184comment Thu, 18 Feb 2021 01:46:55 +0900 https://paperblock.tistory.com/151 이미지의 배경을 제거하는 것이 아닌, 처음부터 투명한 이미지를 생성하고 싶을 땐 어떻게 해야 할까요?    바로~~~ 포토스케이프 X가 해결해줍니다.   포토스케이프 X를 이용하면 매우 간단하게 투명한 이미지를 생성할 수 있습니다. 이번 글에서는 기존 이미지의 배경 제거가 아닌, 처음부터 투명한 이미지를 만드는 방법에 대해서 알아보겠습니다.   만약 기존의 이미지에서 배경을 제거하고 싶은 경우에는 아래 글을 참조하세.. 블로그/블로거를 위한 디자인 투명이미지 포토스케이프 X showtime ♪ https://paperblock.tistory.com/151 https://paperblock.tistory.com/151#entry151comment Sat, 6 Feb 2021 00:48:59 +0900 https://paperblock.tistory.com/176 A4 사이즈 규격, 계산방법, 무게   A4 사이즈 규격에 대해서 아시나요? 다들 한 번쯤은 A4 용지를 사용해 보셨을 것으로 생각합니다. 복사기나 프린터에 가장 많이 사용되는 종이니까요.   그런데 종이 이름이 왜 A4일까?   돌이켜 생각해보면... 왜 A4인지, A는 뭐고 4는 뭔지, 또 A3, B5는 무엇이며 용지의 사이즈, 규격은 어떻게 결정되는지 등등에 대해서 깊게 생각해본 적이 없었던 것 같습니다.   이.. 생활의 발견 A4 무게 A4 사이즈 규격 A4 용지 크기 showtime ♪ https://paperblock.tistory.com/176 https://paperblock.tistory.com/176#entry176comment Tue, 26 Jan 2021 23:23:20 +0900 https://paperblock.tistory.com/167 티스토리 블로그에 글을 쓰다 보면, 다음과 같은 작업이 필요한 경우가 생기기도 합니다.   이 카테고리는 비공개로 하고 싶은데! 여러 글을 비공개로 돌리고 싶은데! 몇 개의 글을 다른 카테고리로 옮겨야겠다.     당연히 된다고요?   1년여간 티스토리를 하면서 위의 기능이 전혀 지원이 안 되는 줄 알고 전부 수작업으로 일일이 바꿔줬던 1인입니다. 도데체 왜 찾아볼 생각조차 하지 않았는지 조금 의문입니다만... &.. 블로그/티스토리 글 폴더 이동 티스토리 카테고리 비공개 showtime ♪ https://paperblock.tistory.com/167 https://paperblock.tistory.com/167#entry167comment Sun, 17 Jan 2021 02:00:28 +0900 https://paperblock.tistory.com/149 블로그에 포스팅을 하면서 내가 정성 들여 찍은 사진을 무단으로 가져가 버리면, 심지어 나보다 상위권으로 글이 올라온다면! 그만큼 속상한 일도 없겠죠. 그래서 사진을 직접 촬영하고 포스팅하는 분들은 워터마크를 넣는 경우가 많습니다.   그런데 한두 장도 아니고 여러 장의 이미지에 매번 워터마크를 넣어주는 것도 꽤나 귀찮은 일이 아닐 수 없습니다. 이 귀찮은 작업을 포토스케이프 X를 사용하면 한 번에 해결할 수 있습니다.   이번 글에서는.. 블로그/블로거를 위한 디자인 워터마크 일괄 편집 포토스케이프x showtime ♪ https://paperblock.tistory.com/149 https://paperblock.tistory.com/149#entry149comment Tue, 5 Jan 2021 23:50:25 +0900 https://paperblock.tistory.com/164   언제부턴가 "반응형 웹"이 대세가 되면서, 사용자의 디바이스에 따라서 웹 화면을 적절하게 구성하는 것이 필수 요소가 되었습니다. 일반적으로, 브라우저 창의 크기를 기반으로 디자인을 다르게 설정하는 방식을 많이 사용하고 있죠? 이 사이즈를 기준으로 PC 혹은 Mobile을 얼추 구분하기도 합니다.   대부분의 경우 창 크기에 따라서만 조절해도 큰 문제는 없습니다만, 가끔은 사용자의 디바이스가 PC인지 모바일인지 구분하고 싶은 경우도 .. 웹/HTML, CSS css hover interaction Media Features pointer showtime ♪ https://paperblock.tistory.com/164 https://paperblock.tistory.com/164#entry164comment Mon, 28 Dec 2020 17:57:31 +0900 https://paperblock.tistory.com/169 웹사이트를 제작하시거나 워드프레스로 블로그를 하시는 분들께서는 한 번쯤은 PageSpeed Insight에서 속도 측정을 해보셨을 것 같습니다. 저도 예전에 속도 점수 좀 올려보려고 아등바등했었던 기억이 있네요 ^^;;   이번 글에서는 웹사이트, 워드프레스 블로그, 혹은 티스토리를 포함하여 내 사이트가 구축 이후에 사이트가 얼마나 빨리 로드되는지, 그리고 속도 향상을 위해서 어떤 부분을 변경해야 하는지에 대해서 알려주는 테스트 사이트를 소개하.. 워드프레스/팁 gtmetrix page speed insights pingdom webpagetest 사이트 속도측정 showtime ♪ https://paperblock.tistory.com/169 https://paperblock.tistory.com/169#entry169comment Thu, 17 Dec 2020 00:55:31 +0900 https://paperblock.tistory.com/154 워드프레스 무료 테마를 이용하여 좋은 사이트를 운영하시는 분들도 있는 것 같긴 합니다만, 아무래도 많은 "디자인적 능력"과 "기술적인 능력"이 있어야 하는 일이겠죠?   워드프레스를 사용한다면 대부분은 유료테마를 사용하는 경우가 많을 것 같습니다. 그런데 워드프레스 테마를 구매하려고 보면, 라이센스 정책과 관련하여 애매한 문구가 많다 보니 어디까지 지원이 된다는 건지 헛갈리는 부분이 있습니다.  사이트는 몇개까지 사용 가능한지? 업그.. 워드프레스/팁 워드프레스 테마 테마포레스트 showtime ♪ https://paperblock.tistory.com/154 https://paperblock.tistory.com/154#entry154comment Wed, 9 Dec 2020 00:29:59 +0900 https://paperblock.tistory.com/159 속도위반 범칙금 과태료 단속기준   요즘은 내비게이션이 워낙 잘 되어 있어서 어지간해서는 속도위반에 잘 걸리지는 않습니다. 하지만 뭔가 딴생각을 하면서 운전하다가 가끔 번쩍~!   "망했다..."   속도위반 단속에 걸렸다면 과태료 혹은 범칙금은 어떻게 되는지 벌점은 어떻게 되는지 궁금해지잖아요? 특히, 속도 위반 정도에 따라 벌금이 제각각이어서 복잡하기도 합니다.   이번 글에서는 속도위반 정도에 따른 과태료(범칙금.. 생활의 발견 과태료 범칙금 속도위반 showtime ♪ https://paperblock.tistory.com/159 https://paperblock.tistory.com/159#entry159comment Wed, 2 Dec 2020 00:44:07 +0900 https://paperblock.tistory.com/148 페이지 내에서 앵커 링크 사이를 이동하는 경우, 부드러운 효과를 위해서 스크롤 기능을 넣곤 합니다. jQuery를 이용하거나 javaScript로 구현하던지...   그런데, 사실 가능하다면 "개발자의 편의"를 위해서 native 한 기능으로 들어가는 게 가장 좋습니다. 핵심 기술이 아닌 animation 류의 효과를 위해서 직접 뭔가를 해주는 건 사실 좀 피곤한 일이거든요. 대부분의 경우 라이브러리가 있긴 하지만, 라이브러리가 자꾸 섞이는 것.. 웹/HTML, CSS scroll-behavior smooth scroll showtime ♪ https://paperblock.tistory.com/148 https://paperblock.tistory.com/148#entry148comment Tue, 24 Nov 2020 00:34:42 +0900 https://paperblock.tistory.com/100 SEO와 관련해서 보다 보면 "사이트의 속도가 좋을수록 최적화에 유리하다"라는 이야기가 나옵니다. 제가 SEO 전문가가 아니어서, 속도가 차지하는 비중이 어느 정도인지는 모르겠지만, 로딩에 4~5초씩 걸린다면 별로 좋은 평가를 받지는 못할 것 같습니다.   워드프레스의 속도를 올리고 싶긴 한데... 서버 쪽 지식이 없다면 어떻게 해야 할까요? 아마도 가장 쉽게 접근할 수 있는 방법은 속도 향상을 위한 각종 플러그인을 사용하는 것이 아닐까 싶습니.. 워드프레스/팁 속도 워드프레스 showtime ♪ https://paperblock.tistory.com/100 https://paperblock.tistory.com/100#entry100comment Wed, 18 Nov 2020 02:15:37 +0900 https://paperblock.tistory.com/114 이전 글에서 KBoard에 대해서 살펴보았습니다.   KBoard에 대한 소고 - 한국형 워드프레스 게시판 워드프레스 구조적으로 게시판 위주의 커뮤니티형 사이트와는 다소 맞지 않는다고 합니다. 아무래도 워드프레스보다는 직접 제작하거나 XE, 그누보드 등을 커스터마이징 해서 사용하게 되겠죠? paperblock.tistory.com   이번 글에서는 KBoard를 직접 설치해보고, 기본 게시판 디자인을 CSS를 이용하여 변경하는 .. 워드프레스/팁 KBoard Kboard customizing 워드프레스 한국형게시판 showtime ♪ https://paperblock.tistory.com/114 https://paperblock.tistory.com/114#entry114comment Tue, 10 Nov 2020 21:43:42 +0900 https://paperblock.tistory.com/126 워드프레스 구조적으로 게시판 위주의 커뮤니티형 사이트와는 다소 맞지 않는다고 합니다. 아무래도 워드프레스보다는 직접 제작하거나 XE, 그누보드 등을 커스터마이징 해서 사용하게 되겠죠?    다만, 웹사이트나 블로그에 게시판을 추가하는 정도라면 국내에서 만든 워드프레스 게시판 플러그인으로 훌륭하게 커버할 수 있습니다. 이번 글에서는 한국형 게시판 플러그인 중 코스모스팜의 KBoard에 대해서 간단하게 다뤄보도록 하겠습니다.   .. 워드프레스/팁 KBoard 워드프레스 코스모스팜 showtime ♪ https://paperblock.tistory.com/126 https://paperblock.tistory.com/126#entry126comment Thu, 5 Nov 2020 00:52:16 +0900 https://paperblock.tistory.com/160 2020 코리아세일페스타 - 리퍼·전시상품을 편리하게 구입할 기회   2020 코리아세일페스타가 11월 1일 ~ 11월 15일 기간 동안 진행됩니다. 올해는 작년 보다 2배 이상의 기업인 1328개 업체가 참여한다고 하네요.   D-2 코리아세일페스타, 주목할 이 것 한국의 블랙프라이데이로 불리는 ‘코리아세일페스타'(11월1일~15일)를 코앞에 두고 참가 기업의 할인 행사 내용이 속속 공개되고 있다.코리아세일.. 생활의 발견 코리아세일페스타 showtime ♪ https://paperblock.tistory.com/160 https://paperblock.tistory.com/160#entry160comment Fri, 30 Oct 2020 21:01:47 +0900 https://paperblock.tistory.com/135 신호위반 과태료와 범칙금   운전을 하다 보면 의도하지는 않았더라도 신호위반에 걸리는 경우가 있습니다. 만약, 경찰관에게 걸렸다면 그 자리에서 바로 딱지 한번 떼줄 테고, 무인 단속카메라에 걸렸다면 어느 날 신호위반 과태료 우편물이 집으로 살포시 날아오게 됩니다.   일단 걸렸으니 벌금을 내긴 내야 할 텐데요... 신호 위반 벌금이 과연 이 금액이 맞는 건지? 정말 이렇게 비싼 건지 궁금할 때가 있습니다. 그리고 또 어떤 추가적인 페널.. 생활의 발견 과태료 범칙금 신호위반 안전운전최고 showtime ♪ https://paperblock.tistory.com/135 https://paperblock.tistory.com/135#entry135comment Sun, 25 Oct 2020 23:17:22 +0900 https://paperblock.tistory.com/96 쇼핑몰로는 20% 부족해 보이는 Uncode 기존의 Uncode는 웹사이트 등을 만드는 데 있어서는 독특한 면도 있고 매우 플렉서블한 형태라서 나름 만족스러웠습니다. 다만, 쇼핑몰 사이트 쪽으로서는 거의 기능이 기본 수준에서 머물러 있었습니다. 그냥 WooCommerce를 이용한 기본 기능을 보여주는 정도라고 할까요?   제가 우커머스를 굳이 사용할 일이 없어서 크게 관심을 두지는 않았지만 초기 이후로도 몇 년 동안 별다른 개선이 없었던 것 같.. 워드프레스/Uncode 테마 Uncode woocommerce showtime ♪ https://paperblock.tistory.com/96 https://paperblock.tistory.com/96#entry96comment Tue, 20 Oct 2020 21:43:50 +0900 https://paperblock.tistory.com/118 이 블로그는 CCZ-CROSS를 사용하고 있습니다만, 새로운 블로그에서는 북클럽 스킨을 고려하고 있습니다. 나름 심플하면서도 깔끔해 보여서요! 북클럽 스킨에서는 글 목록 리스트 타입을 설정할 수 있게 되어있습니다.     리스트 타입에는 "북리뷰 - 베스트셀러 - 뉴북 - 뉴스레터" 총 4가지가 있습니다. 여러 블로그를 다녀본 결과 주로 "북리뷰" 또는 "뉴북"을 사용하는 것 같습니다. 물론 커버 기능을 사용하여 멋있게 꾸미.. 블로그/티스토리 북클럽 썸네일 조절 티스토리 스킨 showtime ♪ https://paperblock.tistory.com/118 https://paperblock.tistory.com/118#entry118comment Thu, 15 Oct 2020 22:55:39 +0900 https://paperblock.tistory.com/146 티스토리에 개인 도메인 (보통 2차 도메인이라고 통용됩니다)을 연결시켜 사용하는 경우가 종종 있습니다. 일반적으로, 도메인 구입을 카페24에서 하지는 않는 것 같습니다. 아무래도 다소 비싼 편이기도 해서 그렇겠죠?   그런데... 개인적인(?) 사정으로 호스팅케이알에서 구입한 도메인을, 카페24 워드프레스 호스팅과 연결하여 사용하고 있습니다. 이 경우에는 네임 서버가 카페24로 설정되어야 하고, 도메인의 관리는 호스팅케이알이 .. 블로그/티스토리 도메인연결 워드프레스 카페24 티스토리 showtime ♪ https://paperblock.tistory.com/146 https://paperblock.tistory.com/146#entry146comment Mon, 12 Oct 2020 00:37:13 +0900