피터의 개발이야기

ㅁ 인라인 주소 삽입 [주소에 대한 설명](http://www.google.co.kr). [Google](http://www.google.co.kr)는 Google로 표시됩니다. ㅁ 참조 링크 삽입 링크 삽입 시 문법: \[주소에 대한 설명] \[참조 번호] 참조 번호 작성 문법: \[참조 번호]: 주소 ㅇ 예시 이 부분은 [Google] [1]을 참조하시면 됩니다. 이 부분도 [Google] [1]을 참조하시고 저 부분은 [Facebook] [2]을 참조하세요. [1]: http://www.google.com [2]: http://www.facebook.com ㅁ 함축적 링크 사용 링크 삽입 시 문법 : [참조 이름] 참조 이름 작성 문법 : [참조 이름]: 주소 ㅇ 예시 이 부분은 [Google]를 ..

ㅁ 들어가며 git블러그가 빌드 실패가 발생하였다. 내가 사용하는 github-page 배포 방식이 v228 -> 229로 변경되면서 jekyll v.3.9.3 -> 3.9.4로 변경되면서 발생한 문제였다. 이슈사항이 이미 등록되어 있었고, 이 이슈를 해결하는 과정!!을 정리하였다. 과정에는 원인을 분석하고, 해결방법을 도출하고, 시도하고, 실패하면 다른 방법을 시도하고, 또 실패하고 다시 분석하여 해결하는 이력이 포함되어 있다. 전문용어로 삽질이 포함되어 있다. update... 다른 분들이 헷갈려하셔서 해결방법을 먼저 설명하고 해결하는 과정은 이후로 재편집하였다. ㅁ Build 방법을 GitHub Action으로 변경 ㅇ Git repository > Setting으로 이동 ㄴ Code and aut..

ㅁ 들어가며 Git 블러그에서 Typora를 이용해 이미지 업로드를 간편하게 업로드 할 수 있는 방법을 정리하였다. ㅁ typora 이미지 설정 ㅇ 설정 > 이미지 ㅇ 선택: 사용자 정의 폴더로 이미지 복사 ㅇ 경로설정: ../images/${filename} ㅁ md파일 typora-root-url 설정 typora-root-url: ../ ㅇ typora와 웹상에서 이미지 경로가 차이가 발생하여 root url 설정이 필요하다. ㄴ 경로차이는 카테고리 설정으로 /programming/ 경로가 웹상에서는 추가되기 때문이다. ㄴ 이 설정이 없을 경우 typora에서는 정상적으로 보이나, 웹에서는 상대경로로 이미지를 찾아가지 못한다. ㅁ 이미지 드래그 앤 드랍 ㅇ 정상적으로 설정되었다면, 위 경로처럼 /i..

ㅁ 들어가며 무료 개인 사이트를 구축하기 위해 Jekyll로 기동하는 minimal-mistakes 테마는 개인 블러그들 사이에서 자주 볼 수 있다. 나의 peterica.github.io도 이 테마를 이용하여 사이트를 운영 중인데, 로컬 환경에서 다른 개발과 충돌이 일어날 때가 많았다. 그래서 minimal-mistakes 테마를 git clone하여 docker로 만드는 과정을 정리하였다. ㅁ Git Clone $ git clone https://github.com/mmistakes/minimal-mistakes.git ㅁ Dockerfile 작성 # 폴더 이동 $ cd ./minimal-mistakes # Dockerfile 작성 $ cat Dockerfile FROM ruby:3.0 WORKDIR..

ㅁ 들어가며 ㅇ github에 블러그를 생성하는 과정에서 jeykll가 필요하였다. jekyll란 무엇인지 설명하고, 맥에 설치과정을 정리하였다. ㅁ Jekyll란? Jekyll은 정적 사이트 생성기이다. Jekyll가 마크다운 파일을 해석하여 정적 웹사이트를 생성한다. 고유 업션을 통해 사이트 URL 의 형식이나 어떤 데이터를 사이트에 표시할 것인지 등, 여러 동작을 조정할 수 있다. ㅁ Jekyll 설치 준비작업 - 루비 개발환경 설치 ㅇ 참고 페이지: 맥OS 에 Jekyll 설치 ㅇ Ruby 설치확인 # 버젼 확인 $ ruby -v ruby 2.6.10p210 (2022-04-12 revision 67958) [universal.x86_64-darwin22] ㄴ Jekyll은 루비 > 2.4.0 ..

ㅁ 네이버 Search Advisor ㅇ 웹마스터 도구 클릭 ㅇ 사이트 등록 ㅁ 사이트 소유 확인 작업 ㅇ 사이트 소유확인 > HTML 태그 선택 ㅇ 티스토리 > 스킨 편집 > html 편집 클릭 ㅇ head 사이에 meta 정보 등록 후 적용 ㅇ 위의 이미지 중 사이트 소유 확인 페이지의 소유 확인 클릭!! ㅁ 사이트 간단 체크 ㅇ 적용여부 판단을 위해 간단 체크를 수행하였다. ㅇ 잘 적용된 것을 확인 할 수 있었다. ㅁ RSS(Rich Site Summary)란? RSS(Rich Site Summary)는 사이트를 직접 방문하지 않고도 사이트의 정보를 요약된 형태로 받을 수 있는 콘텐츠 표현 방식이다. 이를 통해 RSS 관련 프로그램(혹은 서비스)을 이용하여 자동 수집이 가능하다. 네이버 검색 엔진이..

ㅁ 들어가며 티스토리 구글 애널리틱스 연결하기를 하면서 네이버 애널리틱스도 연결하였다. ㅁ 티스토리 플러그인 설치 ㅇ 플러그인 > 네이버 애널리틱스 선택 ㅇ 설정하러 가기 클릭 ㅁ 네이버 애널리틱스 사이트 등록 ㅇ 등록 시작 ㅇ 발급 ID 복사하여 티스토리 사이트 ID에 붙이고 적용 ㅁ 분석 태그 적용 ㅇ 분석 스크립트 복사 ㅇ 티스토리 > 스킨 편집 > html 편집 클릭 ㅇ head 사이에 스크립트 붙이고 적용 클릭!

ㅁ 들어가며 지인의 추천으로 티스토리에 구글 애널리틱스를 연결하게 되었다. 이미 github를 연동한 경험이 있어 구글 애널리틱스의 계정은 생성된 상태였다. 빠르게 연동하는 방법을 정리하였다. ㅁ 등록 목적 블로그를 방문하는 고객들의 구체적인 데이터를 얻을 수 있다. ㅁ 애널리틱스에 티스토리 등록 ㅇ 데이터 수집 및 수정 > 테이터 스트림 > 스트림 추가 ㅇ URL 등록 ㅇ 측정 ID 복사 ㅇ 이 페이지는 그대로 두어야 함. 태그 안내 보기 필요. ㅁ 티스토리 플러그인 설치 ㅇ 구글 애널리틱스 플러그인 설치 ㅇ 측정 ID 붙여놓고 적용 ㅁ 구글 태그 설정 ㅇ 아까 말한 페이지 재활용... ^^ ㅇ 위의 태그 안내 보기 클릭 ㅇ 스크립트 복사 ㅇ 티스토리 > 꾸미기 > 스킨편집 이동 ㅇ html 편집 클릭..