본문 바로가기

+ Development49

[Tistory] 티스토리 컨텐츠 내 이미지 테두리 적용하기 티스토리(Tistory)를 사용하면서 컨텐츠 내 여러 이미지를 첨부하였다. 그러나, 테두리가 적용되지 않아서 컨텐츠 내 글 사이에 이미지 있는 부분이 조금 어울리지 않아 보였다. 그래서 이미지마다 테두리가 생기도록 설정을 해보려고 한다. 1. 현재 이미지 테두리 확인 아래 이미지처럼 현재는 글 사이에 있는 이미지가 그대로 노출되는 것을 확인할 수 있다. 2. HTML 편집 화면으로 이동 우선 티스토리 관리자 화면으로 들어가서 "꾸미기 > 스킨 편집"을 선택하자. 그 후 "html 편집" 선택 후 "CSS" 항목으로 이동하자. 검색을 통해서 ". entry-content figure"를 검색해보자. 검색을 해보면 대략 1451줄에 아래와 같이 내용을 확인할 수 있다. (줄 번호는 설정에 따라 다를 수 있다.. 2022. 1. 31.

[Tistory] 티스토리 Book Club Pagination 수정하기 티스토리(Tistory) Book Club 스킨을 사용하는 도중, 글의 개수가 많이 지면서 Pagination 그러니깐 페이지 수가 나오는 부분에서 기존과 다르게 한 줄이 아닌 두줄로 변경된 것을 확인할 수 있다. 위 내용처럼 확인된 부분을 한번 수정해보도록 하자. 1. HTML 편집 화면으로 이동 우선 티스토리 관리자 화면으로 들어가서 "꾸미기 > 스킨 편집"을 선택하자. 그 후 "html 편집" 선택 후 "CSS" 항목으로 이동하자. 2. 기존 설정 찾기 이제 "CSS" 항목에서 검색을 통해서 기존 설정을 찾아보도록 하자. 검색을 통해서 ". pagination"을 검색해보자. 검색을 해보면 대략 1256줄에 아래와 같이 내용을 확인할 수 있다. (줄 번호는 설정에 따라 다를 수 있다.) 해당 부분을.. 2022. 1. 30.

[Python] 파이썬 이미지 용량 줄이기 티스토리에서 글을 작성하면서 설명 등을 하면서 이미지를 첨부하여 올리는 경우가 많이 있다. 이때 이미지도 많고 용량이 크다면 글을 로딩하는데 많은 시간이 걸리게 된다. 처음부터 이미지를 잘 만들면 되겠지만 그것도 쉽지 않다. 물론 여러 온라인 웹 사이트 등에서 이미지 용량을 줄여주는 부분도 많이 있지만 파일의 수도 제한적이고, 계속적으로 올려야 한다는 번거로움도 있다. https://www.iloveimg.com/ko/compress-image https://imgpresso.co.kr/ 그래서 기존에 사용했었던 Pillow 라이브러리를 이용해서 온라인 웹 사이트에서 해주는 것과 똑같은 거를 만들어 보았다. [Python] 파이썬 PIL(Pillow) 라이브러리를 이용한 이미지 변환(1편) [Python.. 2022. 1. 29.

[Tistory] 티스토리 Book Club 스킨 썸네일 정사각형으로 수정하기 티스토리(Tistory)에 스킨 중 Book Club 스킨을 사용하고, 특히 리스트 타입인 "뉴북"을 사용하는 경우 홈 화면에서 글 옆에 있는 사진이 잘린다거나, 대칭이 안 맞게 설정되어 있다. 올린 이미지는 정사각형으로 250 x 250 Size이다. 그럼 해당 부분을 정사각형 형식으로 나오도록 설정하는 방법에 대해서 알아보도록 하자. 1. HTML 편집 화면으로 이동 우선 티스토리 관리자 화면으로 들어가서 "꾸미기 > 스킨 편집"을 선택하자. 그 후 "html 편집" 선택 후 "HTML" 항목으로 이동하자. 2. 기존 설정 확인하기 HTML 편집 화면으로 들어가서 "article_rep_link"를 검색을 하자. 검색하면 아래와 같이 썸네일(Thumbnail) 이미지 크기가 C 230x300으로 설정.. 2022. 1. 23.

[Tistory] 티스토리 댓글 원하는 문구로 수정하기 티스토리(Tistory)에 글을 읽고 댓글을 달수 있다. 이때 댓글에는 카카오 티스토리(Tistory) 팀에서 적어놓은 고유 맨트인 "여러분의 소중한 댓글을 입력해주세요." 적혀 있다. 이 맨트를 보다는 내가 원하는 맨트로 작성해놓는다면 좋을 것 같다고 생각이 들었다. 그럼 원하는 문구로 수정을 하는 방법에 대해서 알아보도록 하자. 1. HTML 편집 화면으로 이동 우선 티스토리 관리자 화면으로 들어가서 "꾸미기 > 스킨 편집"을 선택하자. 그 후 "html 편집" 선택 후 "HTML" 항목으로 이동하자. 2. 기존 맨트 찾기 이제 "HTML" 항목에서 검색을 통해서 기존 맨트를 찾아보도록 하자. 기존 맨트는 "여러분의 소중한 댓글을 입력해주세요."이고 검색을 통해서 찾으면 아래와 같이 쉽게 찾을 수 있.. 2022. 1. 8.

[Python] UnixTime 변환하기(Unixtime To Date) 개발을 하다 보면 제공받는 데이터들 중에 Unixtime(유닉스 타임)으로 처리된 데이터를 받는 경우가 있다. 시스템상에서는 해당 값으로 표현하는 것 문제없지만, 사람들 보아야 하는 부분에서는 매우 알아보기 어렵다. 그래서 사람이 보기 편한 Date 형식으로 변환을 해보도록 하자. 관련해서 이전에 MySQL / Linux에서도 변환하는 방법을 작성해놓았는데 참고하도록 하자. [MySQL] Unixtime / Date Type(형식) 변경하기 [Linux] 리눅스 Date 명령어를 통한 Unixtime / Date 형식(Type) 확인 및 변경 하기 [Linux] 리눅스 Date 명령어를 통한 Unixtime / Date 형식(Type) 확인 및 변경 하기 데이터베이스(DB)에서 시간에 대해 설정을 하는 .. 2021. 12. 30.

[Tistory] 티스토리 로딩 화면 설정하기(Set up a Tistory Loading Screen) 티스토리(Tistory)에서 구글 애드센스, 카카오 애드핏 등 광고들을 설정했다면 여러 상황에 따라 티스토리 로딩 속도가 느릴 수 있다. 로딩 속도가 느릴 경우 광고, 이미지 등을 전부 불러오지 못해서 작성한 글에 내용이 모두 보였는지 알 수가 없다. 그래서 전부 불려 올 때까지 로딩 화면이 나오도록 설정하는 방법에 대해서 알아보도록 하자. 1. 로딩에 사용할 이미지 구하기 우선 로딩에 사용할 이미지를 구하자. 제일 쉬운 방법은 구글, 네이버, 다음 등 검색 사이트에서 "로딩 이미지"로 검색하거나, 아래 무료 아이콘 사이트에서 원하는 로딩 이미지를 다운로드하면 된다. https://icons8.com/icons/set/loading 2. 로딩 이미지 설정하기 일단 다운로드한 이미지의 이름을 가능하면 "l.. 2021. 9. 26.

[Tistory] 티스토리 트위터 위젯 설정하기(Set up a Tistory Twitter Widget) 티스토리나 여러 블로그 등에서 사이드바에 트위터 위젯이 설정되어 사용되는 경우가 있다. 그럼 이와 같이 설정하는 건 어떻게 작성하는지 한번 알아보도록 하자. 1. 티스토리 관리자 > 플러그인 > 배너출력 설정 하기 일단 티스토리 관리자에서 좌측 하단에 "플러그인"을 클릭하자. 그럼 많은 플러그인들이 있으며 그중 "배너출력" 이 사용 중인지 확인해보고 사용 중이 아니라면 선택 후 사용할 수 있도록 배너 출력 플러그인을 적용하도록 하자. 2. 트위터 ID 확인하기 먼저 본인의 트위터 ID 혹은 트위터 URL을 복사하도록 하자. 예) 트위터 ID : @info_lab 트위터 URL : https://twitter.com/info__lab 3. 트위터 위젯 생성 하기 이제 티스토리에 적용할 트위터 위젯을 생성해.. 2021. 9. 18.

[Golang] Go 코드 실행 및 컴파일 하기(Go Code Run and Compile ) Golang을 설치했다면 이제 Golang을 이용해서 소스 코드를 작성하고 실행 및 컴파일(Compile)을 해서 사용을 할 것이다. 설치를 아직 하지 않았다면, 아래 링크를 참고하여 Golang을 먼저 설치하도록 하자. 2021.08.27 - [Golang] 맥 OS에 Go 프로그램 언어 설치하기(Install Go programming language on MacOS) 그렇다면 Go 소스 코드가 어떤 식으로 실행되는지 그리고 어떻게 컴파일을 하는지 간단히 알아보도록 하자. 1. 테스트 소스 코드 작성 vi를 통해서 작성해도 되고 사용하는 IDE가 있다면 그것을 통해서 작성해도 상관없다. 우선은 Mac 환경에서 터미널 환경을 통해서 진행하도록 하겠다. 추후 Golang과 잘 맞는 IDE 설치법 및 사용.. 2021. 8. 28.

[Golang] 맥OS에 Go 프로그램 언어 설치하기(Install Go programming language on MacOS) 요즘 많이 사용되고 있는 Go programming language로 개발된 오픈소스 빌드 및 개발을 위해서 MacOS(맥 OS)에 설치 해보려고 한다. 우선 Go를 설치하기 위해서는 공식 홈페이지에서 다운로드하고 설치를 진행해보도록 하자. 1. 설치 파일 다운로드(Installer Download) Go 공식 홈페이지 다운로드 페이지로 접속하여 설치 파일을 하자. https://golang.org/doc/install 혹은 특정 버전, 다른 OS에 설치를 하기 위해서는 other downloads를 클릭하여 접속 후 상황에 맞는 대상을 찾아 다운로드하도록 하자. 2. 설치 파일 실행 하기 다운로드한 "go1.15.darwin-amd64.pkg" 파일을 클릭하면 아래와 같이 설치 화면이 진행된다. 계속 .. 2021. 8. 27.

[Python] 파이썬 SQLite3 이용하기 개발을 하다 보면 수많은 DataBase(데이터베이스)를 사용하게 된다. 여러 MySQL, MSSQL, PostgreSQL 등 여러 DataBase가 있지만, 그중 가볍게 사용 가능한 SQLite DB를 이용하는 방법을 알아보도록 하자. 1. SQLite 일단 SQLite가 어떤 건지 먼저 알아보도록 하자. SQLite는 작고 빠르며 독립적인 고신뢰성, 완전한 기능을 갖춘 SQL 데이터베이스 엔진을 구현하는 C 언어 라이브러리이다. SQLite는 세계에서 가장 많이 사용되는 데이터베이스 엔진이며, 많은 휴대폰과 대부분의 컴퓨터, 많은 애플리케이션에 내장되어 매일 수많은 사람들이 사용한다. SQLite 파일 형식은 안정적이고 여러 플랫폼 간 호환되며 이전 버전과도 큰 문제없이 호환된다. 또한 SQLite .. 2021. 7. 18.

[Python] 오늘 날짜의 요일 확인하기(Check the day of the week for today's date) 개발을 하다 보면 오늘 날짜의 요일을 출력해야 하는 경우가 있다. 간단하게 오늘 날짜의 요일을 출력하는 코드(Code)를 알아보도록 하자. 1. Code time 모듈에 localtime 함수에서 보면 요일의 값은 wday 변수명으로 int 형으로 나오는 0, 1, 2, 3, 4, 5, 6 값이다. 쉽게 0이 월요일, 6일 일요일이니 간단히 알 수 있지만, 그래도 좀 더 한눈에 한 번에 들어올 수 있도록 변환을 해주는 게 좋을 것 같다. 그래서 아래 예제 코드(Code)를 통해서 사용하는 방법에 대해서 알아보도록 하자. # -*- coding: utf-8 -*- import time def day_of_the_week(week_day, lang_type='en'): """ Check Day Of The .. 2021. 7. 17.

[Python] 파이썬 PIL(Pillow) 라이브러리를 이용한 이미지 변환(2편) 이미 앞에 1편에서 PIL(Pillow) 라이브러리에 대해서 알아보고, 설치 및 간단히 이미지 변환을 해보았다. 2021.07.05 - [Development/Python] - [Python] 파이썬 PIL(Pillow) 라이브러리를 이용한 이미지 변환(1편) 그럼 기본적인 부분은 이미 1편에서 진행했으니 2편에서는 이미지를 여러 방법을 통해서 변환을 하는 부분에 대해서 알아보도록 하자. 1. PIL(Pillow) 라이브러리 사용 방법 1.1 이미지 썸네일 만들기 # -*- coding: utf-8 -*- from PIL import Image # 3. 이미지 썸네일 만들기 # try: im = Image.open("anchors.png") img_width, img_height = im.size pri.. 2021. 7. 5.

[Python] 파이썬 PIL(Pillow) 라이브러리를 이용한 이미지 변환(1편) PIL(Pillow)는 Python Image Library의 약자로 이미지에 대해서 많은 작업을 할 수 있게 도와주는 파이썬 라이브러리이다. 요즘 로딩 속도에 영향을 주는 이미지 파일 사이즈 관련해서 이런저런 내용을 읽다가 다른 Tool 번거롭게 사용하는 것보다는 해당 라이브러리를 이용해서 본인에게 좀 더 최적화된 상태로 사용할 수 있어 내용을 살펴보았다. 그리고 요즘 WebP라는 구글에서 만들어진 이미지 포맷으로 구글의 서비스에서는 썸 내일 등 WebP를 많이 사용하고 있어 관심도 가지게 되었다. 그렇다면 PIL(Pillow) 라이브러리를 이용해서 어떻게 사용이 가능한지 알아보도록 하자. 1. 라이브러리 설치 우선 사용을 위해서는 Pillow 라이브러리를 설치해야 한다. pip 명령어를 통해서 아래와.. 2021. 7. 5.

[Python] 파이썬 문자열 특수문자, 공백 제거 하기(strip, rstrip, lstrip) 파이썬(Python)에서 문자열(String)에 특수문자 혹은 공백을 제거할 수 있다. 여러 방법을 통해서 특수문자 혹은 공백을 제거할 수 있으나, 파이썬에서는 해당 부분을 할 수 있도록 3개의 함수를 지원하고 있다. strip([chars]) : 전달된 문자열 양쪽(오른쪽, 왼쪽)에서 chars 제거 rstrip([chars]) : 전달된 문자열 오른쪽에서 chars 제거 lstrip([chars]) : 전달된 문자열 왼쪽에서 chars 제거 해당 문자열에 chars가 지정되고 특수문자나 공백이 제거된 문자열의 반환한다. Return a copy of the string with leading and trailing whitespace removed. If chars is given and not No.. 2021. 1. 24.

[Python] 파이썬 IF문 한줄(one-line)로 표현하기(if, if-else, if-elif-else : 삼항 연산자) 개발을 하다 보면 수만은 IF문(조건문)을 사용하게 된다. 복잡한 IF문의 경우 여러 줄(Line)로 표현하여 가독성이 좋을 수 있다. 다만, 그 수만은 IF문 중 매우 단순한 IF문들이 존재하고 있다. 이때도 간단한 IF문 조차 여러 줄로 표현보다는 한 줄(one-line)로 표현한다면 코드(Code)도 줄이고 간결하게 사용할 수 있다. 또한, 다른 개발언어의 경우(C++, Java 등)의 경우 삼항 연산자가 존재하며 삼항 연산자는 한 줄로 IF문과 같은 조건문 작성할 수 있다. 파이썬에서는 기본적으로 제공하는 기능은 아니나, 삼항 연산자처럼 사용할 수 있으며, 특히 함수(Function)의 결과값(Retrun)을 반환하는 경우 여려 줄의 IF문보다는 한 줄로 표현한다면 매우 간결하게 마무리할 수 있다.. 2021. 1. 21.

[Info] 개발자가 많이 사용하는 차별(인종차별) IT 용어 변경??? 얼마 전 우연히 포털을 통해서 IT 용어 중 인종차별적 개발 용어에 대해서 변경이 된다는 기사를 본 적이 있다. 아래 링크는 해당 내용을 보았던 기사의 주소 이다. https://twitter.com/twittereng/status/1278733305190342656 https://hey.news.co.kr/article/now/2020071600368680 https://www.bbc.com/news/business-53273923 해당 내용은 조지 플로이드(George Floyd) 사망 사건과 연계되어 IT 용어에서도 여러 단어 중에서도 인종차별적 의미를 담고 있어 변경을 하기로 한 것으로 생각된다. 기사 내용들을 조금 인용하여 정리를 해보면 백인을 뜻하는 White(화이트)는 긍정의 의미로, 흑인을.. 2021. 1. 9.

[regex] IP & MAC 주소 추출 정규표현식 모음 서비스를 개발하다 보면 IP 주소(IP Address) 혹은 MAC(맥) 주소(MAC Address)에 대한 추출 혹은 검증을 하기 위해 정규표현식을 사용하는 경우가 있다. 2021/01/02 - [Development] - [regex] 정규표현식이란?(Regular Expression)2021/01/06 - [Development] - [regex] 개인정보 추출 정규표현식 모음이때 여러 방법 및 방식을 통해서 정규표현식을 만들 수 있으나, 사용하면서 최대한 검증된 정규표현식을 작성해보고자 한다. 1. IPv4 주소(IPv4 Address)정규표현식 : (25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3} 2. IPv6 주.. 2021. 1. 6.

[regex] 개인정보 추출 정규표현식 모음 서비스를 개발하다 보면 개인정보에 대한 추출 혹은 검증을 하기 위해 정규표현식을 사용하는 경우가 있다. 2021/01/02 - [Development] - [regex] 정규표현식이란?(Regular Expression)이때 여러 방법 및 방식을 통해서 정규표현식을 만들 수 있으나, 사용하면서 최대한 검증된 정규표현식을 작성해보고자 한다.새롭게 검증된 정규표현식이 있다면 계속적으로 업데이트하도록 하겠다. 1. 주민등록번호(주민번호)정규표현식 : (\d{6}[ ,-]-?[1-4]\d{6})|(\d{6}[ ,-]?[1-4]) 2. 운전면허번호정규표현식 : (\d{2}-\d{2}-\d{6}-\d{2}) 3. 전화번호 / 휴대전화번호(핸드폰번호)정규표현식 : (\d{2,3}[ ,-]-?\d{2,4}[ ,-]-?.. 2021. 1. 6.

[regex] 정규표현식이란?(Regular Expression) 1. 정규표현식이란? 정규표현식(Regular Expression)은 문자열을 처리하는 방법 중의 하나로 특정한 조건의 문자를 '검색' 하거나 '치환' 하는 과정을 매우 간편하게 처리할 수 있도록 하는 수단으로 이야기할 수 있다. 특히 정규표현식은 프로그래밍(Programming)을 하면서 문자열 처리를 하기 위해서 많이 사용된다. 좀 더 자세한 정보는 위키 백과를 통해서 확인해보도록 하자. https:://ko.wikipedia.org/wiki/정규_표현식 2. 정규표현식 패턴 및 표준 문법 정규표현식을 이용하여 사용하려면 해당 표현식에서 사용하느냐는 패턴 및 표준 문법에 맞춰서 사용해야 한다. 메타문자 기능 설명 . 문자 1개의 문자와 일치한다. 단일행 모드에서는 새줄 문자를 제외한다. [ ] 문자 .. 2021. 1. 2.

728x90

이전 1 2 3 다음

티스토리툴바