🗒️ Information/Tip (18)

1. 2022.12.01 [티스토리 블로그] 특정 문자로 인라인 코드 블럭 설정하기 (인라인 코드 블럭으로 만들기) 7

   특정 문자로 인라인 코드 블럭 설정하기 (인라인 코드 블럭으로 만들기) 들어가며 마크 다운을 사용할 때, 다음과 같이 작성할 경우, 인라인 코드 블럭이 적용된 요소를 작성할 수 있다. (문자) `(문자)` 이 방법처럼 티스토리 에디터를 사용할 때, 문자를 특정 문자로 둘러 쌓을 경우 인라인 코드 블럭이 적용되도록 하려면 어떻게 해야할까? 물론, 위와 같은 방법으로 [마크다운] 모드로 바꾼 후 인라인 코드 블럭을 적용한 후, 다시 [기본모드]로 작업해도 되겠지만, [마크다운] 모드에 들어갔다가 [기본모드]로 돌아오면 기존에 입혔던 스타일이 깨진다는 문제점이 존재했다. 어떤 블로그에서는 자주 사용하지 않는 취소선의 CSS를 인라인 코드 블럭처럼 바꿔서 사용하라는 글이 있었는데, 취소선을 사용할 수 없게 된다..
2. 2022.09.28 [티스토리 블로그] 코드 블럭에 라인 넘버(줄 번호) 넣는 방법

   코드 블럭에 라인 넘버(줄 번호) 넣는 방법 들어가며 몇 가지 코드를 추가해줌으로써, 티스토리 블로그의 코드 블럭에 라인 넘버(줄 번호)를 넣을 수 있다. 방법 ① HTML 수정해주기 : highlight.js 불러오기 태그 앞에 아래의 코드를 넣어준다. ② CSS 수정해주기 : 라인 넘버 스타일 적용시켜주기 라인 넘버의 스타일을 적용해주는 코드이다. 다음과 같이 CSS 코드를 넣어준다. .hljs-ln-numbers { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: ..
3. 2022.09.05 [티스토리 블로그] 표 내부 이미지 정렬시키는 방법

   표 내부 이미지 정렬시키는 방법 들어가며 티스토리 에디터를 사용할 때, 표(Table) 내부에 이미지를 삽입하면 무조건 가운데 정렬로 표현되는 것을 발견하였다. CSS를 이용하여 이미지 정렬을 하려고 해도 먹히지 않았다. 다음과 같이 간단하게 태그를 수정해주는 방법으로 문제를 해결하였다. 방법 티스토리 블로그에 이미지를 첨부할 경우, 다음과 같이 [##_Image ~ ##] 형식으로 표현된다. 이때 맨 마지막의 옵션에 "style":"alignLeft" (왼쪽 정렬) 또는 "style":"alignRight" (오른쪽 정렬)을 추가해주면 된다. [＃＃_Image|kage@dnTSuf/btrLqdmVnlt/rcxIkAdf0qV23dywfkZ0d1/img.png|CDM|1.3| {"originWidth":1..
4. 2022.07.06 [MinGW] 한글 깨짐 현상 문제 해결 방법

   MinGW 한글 깨짐 현상 해결하기 들어가며 윈도우(Windows)에서 MinGW를 사용하여 한글을 출력시킬 때 다음과 같이 깨져서 출력될 때가 있다. > .\example.exe 곌컯?쒖튇援???쒖쑁援? 媛뺥븳移쒓뎄 ??쒖쑁援 이 문제는 UTF-8 형식으로 출력되지 않아 발생하는 문제이다. 다음과 같이 간단하게 이 문제를 해결할 수 있다. 방법 방법 ① : chcp 명령어 사용하기 chcp 명령어를 이용하여 출력 형식을 UTF-8로 변경하는 방법이다. 간단하게 명령창에 다음의 명령어를 입력해준다. > chcp 65001 방법 ② : 윈도우 지역 옵션 변경하기 chcp 명령어를 사용해도 문제가 해결되지 않을 경우, 다음의 방법을 수행한다. ① 윈도우 검색창에 "국가 또는 지역"을 검색한다. ② 'Beta..
5. 2022.06.15 [MinGW] MinGW(Minimalist GNU for Windows) 설치 및 환경 변수 설정 방법

   MinGW(Minimalist GNU for Windows) 설치 및 환경 변수 설정 방법 MinGW 란? Minimalist GNU for Windows 의 줄임말 마이크로소프트 윈도우 버전으로 포팅한 GNU 소프트웨어 도구 모음 윈도우 API 를 구현할 수 있는 헤더 파일들을 가지고 있으며, 개발자들이 “자유롭게 쓸 수 있는” 컴파일러인 GCC 를 사용할 수 있다. 콜린 피터스에 의해 개발되어 1998년 처음으로 공개되었다. MinGW 의 원래 이름은 mingw32(Minimalist GNU for W32) 였으나, 32비트 바이너리를 만드는 것으로 제한되는 것으로 생각될 수 있어서 숫자 32가 제거 되었다. 2013년 마지막 분기에 MSYS2 프로젝트가 시작되었고, 32비트와 64비트 MinGW 패..
6. 2022.05.30 [티스토리 블로그] 첫 화면 특정 페이지로 설정하기

   첫 화면 특정 페이지로 설정하기 들어가며 자바스크립트(JavaScript)를 사용하여 티스토리 블로그의 홈 화면에 접속했을 때, 특정 페이지가 나타나도록 설정 할 수 있다. 방법 티스토리 [스킨 편집] 페이지의 [HTML] 탭에서, 태그 사이에 다음의 코드를 넣어준다.
7. 2022.05.29 [티스토리 블로그] 관리자인지 확인하기

   관리자인지 확인하기 들어가며 자바스크립트(JavaScript)를 이용하여 블로그에 접속한 사용자가 관리자인지, 아닌지 쉽게 확인하고 관련 작업을 수행시킬 수 있다. 방법 방법 1 : 접속한 사용자가 관리자일 경우 $(documnet).ready(function() { if ($(".tt.add_link[data-alert]").length > 0) { // 작업 수행 } }); 방법 2 : 접속한 사용자가 관리자가 아닐 경우 $(documnet).ready(function() { if ($(".tt.add_link[data-alert]").length == 0) { // 작업 수행 } }); 사용 예 접속한 사용자가 관리자가 아닐 경우, 해당 요소를 없앤다. Top Secret $(documnet).re..
8. 2022.05.25 [Excel] 실시간 환율 연동 방법 (달러 기준)

   실시간 환율 연동 방법 (달러 기준) 들어가며 가끔 액셀 시트에 실시간으로 환율을 연동시키고 싶을 경우가 있다. 이럴 때, 간단하게 환율 공지 사이트의 URL 주소만으로 연동시킬 수 있다. 네이버 및 달러 기준으로 소개해본다. 방법 네이버 검색창에 "미국 달러"를 검색한 후, 달러 환율을 공시하는 네이버 금융 페이지에 접속한다. https://finance.naver.com/marketindex/exchangeDetail.nhn?marketindexCd=FX_USDKRW 그리고 사이트의 URL 주소를 복사한다. 액셀(Excel) 프로그램을 실행시킨 후. 상단의 [데이터] 탭 -> [데이터 가져오기 및 변환] 구간에서 [웹]을 클릭해준다. 복사해두었던 네이버 금융 달러 환율 공시 사이트의 URL 주소를 붙..
9. 2022.05.17 [Excel] 페이지 나누기 선 없애기

   페이지 나누기 선 없애기 들어가며 액셀 작업을 하다보면, 갑자기 시트에 페이지 나누기 선이 생기는 경우가 있다. 이 선은 [Excel 옵션] 창에서 간단하게 없앨 수 있다. 방법 상단의 [파일] 탭을 누른다. 왼쪽에서 [옵션] 탭을 클릭한다. [Excel 옵션] 설정창에서 [고급] -> [이 워크시트의 표시 옵션] -> [페이지 나누기 표시(K)]의 체크 박스를 해제해준다. 페이지 나누기 선이 사라진 것을 확인할 수 있다.
10. 2022.05.10 [티스토리 블로그] 티스토리 스킨 가이드

    티스토리 스킨 가이드 설명 티스토리 스킨을 수정 또는 제작할 때 참고할만한 사이트이다. 티스토리 블로그에서 사용되는 치환자에 대한 설명이 자세히 소개되어 있다. 바로가기 https://tistory.github.io/document-tistory-skin/ 소개 · GitBook 티스토리 스킨 가이드 티스토리에서는 스킨을 통해서 사이트를 자유롭게 디자인할 수 있습니다. 스킨은 치환자를 사용하여 제작되고 사용된 치환자에는 티스토리의 데이터가 대입되어 티스토 tistory.github.io
11. 2022.01.20 [티스토리 블로그] 블로그 폰트 변경 방법

    [티스토리 블로그] 블로그 폰트 변경 방법 개요 간단하게 CSS 파일에 코드를 추가해줌으로써 블로그의 폰트를 변경할 수 있다. 우선, 웹 폰트를 무료로 제공해주는 사이트를 찾는다. 대표적으로 눈누와 구글 폰트 사이트가 있다. 눈누(https://noonnu.cc/) 한글 폰트 많음. 구글 폰트(https://fonts.google.com/) 한글 폰트 적음. 영문 폰트 많음. 방법 사이트에서 원하는 폰트를 고른 후, 티스토리 블로그의 [스킨편집]→[CSS]에 코드를 추가해준다. 그리고 body 부분의 font 옵션의 맨 앞 부분에 복사한 코드의 "font-family" 부분을 적어준다.
12. 2021.12.28 [티스토리 블로그] 표 배경 색상 넣기

    표 배경 색상 넣기 (티스토리 블로그) 개요 최근에 티스토리 에디터가 신에디터로 변경하고 나서, 표에 원하는 색상을 넣기가 힘들어졌다. 티스토리에서 기본적으로 제공하는 표 템플릿은 다음과 같이 지나치게 한정적이다. 방법 (귀찮지만) HTML 코드를 조금만 수정해줌으로서 표에 원하는 배경색을 넣을 수 있다. 표1 (Before) 표1 : 소스 코드 기존의 소스 코드의 태그 안에 bgcolor="색상명" 속성을 추가해주자. ※ r : Row(행), d : Data(데이터) 표2 (After) 표2 : 소스 코드
13. 2021.11.16 [티스토리 블로그] 코드블럭 원하는 언어로 확장하기

    코드블럭 원하는 언어로 확장하기 (티스토리 블로그) 티스토리는 기본적으로 다음의 언어들을 코드블럭에 적용시킬 수 있도록 지원한다. 하지만, 티스토리에서 지원하지 않는 다른 언어를 코드블럭에 적용시키고 싶다면? 티스토리 블로그의 코드블럭은 hightlight.js 를 이용하기 때문에 간단하게 HTML 코드만 수정해주면 적용시킬 수 있다. https://github.com/highlightjs/highlight.js/blob/main/SUPPORTED_LANGUAGES.md GitHub - highlightjs/highlight.js: JavaScript syntax highlighter with language auto-detection and zero dependencies. JavaScript synt..
14. 2021.04.14 [티스토리 블로그] 깃허브 마크다운(GitHub Markdown) 스타일 적용하는 방법

    [티스토리 블로그] 깃허브 마크다운(GitHub Mardown) 스타일 적용하는 방법 서론 평소에 깃허브 페이지 에 공부한 내용을 정리하는 습관을 갖고 있었다. 최근에 티스토리 블로그가 대폭 개편되면서 마크다운(Markdown)으로 글을 쓸 수 있게 되었는데, 깃허브 페이지의 스타일과 너무 맞지 않아 이질적인 느낌이 들었다. 또 글을 쓴 대로 잘 표현되지 않았다. 그래서 구글링을 통해 티스토리 블로그에 깃허브 마크다운(GitHub Markdown) 스타일을 적용시키는 방법을 알게되었다. 앞으로 마크다운 형식으로 블로그에 글을 올리려고 한다. 스타일 적용 방법 ① github-markdown.css 소스 코드 복사 : Link ② 티스토리 블로그 설정 -> [스킨 편집] -> [html 편집] [CSS] ..
15. 2020.12.27 [MinGW] gcc/g++ 업데이트 방법 (for Windows) 2

    [MinGW] gcc/g++ 업데이트 방법 (for Windows) 본인의 컴퓨터에 MinGW GCC(G++) 컴파일러가 설치되어 있다면 다음과 같이 업데이트를 실행시킬 수 있다. 터미널에 다음을 입력한다. 1. 패키지 리스트 업데이트 PS > mingw-get update Updating catalogue: package-list.xml; (item 1 of 1) Checking catalogue: mingw32-package-list.xml; (item 2 of 4) Checking catalogue: mingw32-autoconf.xml; (item 3 of 38) Checking catalogue: mingw32-automake.xml; (item 4 of 38) Checking catalogue..
16. 2018.07.21 [Excel] 함수를 이용하여 디데이 만들기

    액셀에서 함수를 이용하여 디데이를 만들어 보자. 먼저, 사용할 함수는 "DATEDIF()" 함수이다. 이 함수는 날짜 차이를 구하여 표시해주는 함수이다. DATEDIF 두 날짜 사이의 일, 월 또는 연수를 계산합니다. 사용 예 DATEDIF(DATE(1969, 7, 16), DATE(1969, 7, 24), "D") DATEDIF(A1, A2, "YM") DATEDIF("7/16/1969", "7/24/1969", "Y") 구문 DATEDIF(시작일, 종료일, 단위)시작일 - 계산에서 고려해야 할 시작일입니다. DATE가 포함된 셀에 대한 참조, DATE 유형을 반환하는 함수 또는 숫자여야 합니다.종료일 - 계산에서 고려해야 할 종료일입니다. DATE가 포함된 셀에 대한 참조, DATE 유형을 반환하는 ..
17. 2017.10.15 CMD에서 프로그램의 출력값을 txt 파일로 저장하는 방법

    - 우선 컴파일 되어 생성된 프로그램 실행 파일(.exe)과 입력 값이 들어 있는 파일(.txt)이 필요하다. 1. - 테스트를 하기 위해 최상위 루트인 C:/ 디렉토리에 프로그램(binary.exe)과 input1.txt 파일을 각각 넣었다. 2. - input1.txt 파일의 내용을 확인하였다. 2. - 관리자 권한으로 CMD를 실행하여 최상위 루트인 C:/ 디렉토리로 이동하기 위하여 cd / 명령어를 입력하였다.- 그 다음, binary exe output1.txt 명령어를 입력하여 binary.exe 프로그램을 통하여 input1.txt 파일 안의 내용의 결과가 output1.txt 파일을 통하여 출력되도록 하였다.- 명령어 형식은 아래와 같다. 프로그램 이름 출력 파일 이름 - 그러면 같은 경로..
18. 2017.06.01 Readable Code