PGR21.com
- 자유 주제로 사용할 수 있는 게시판입니다.
- 토론 게시판의 용도를 겸합니다.
Date 2024/04/23 18:45:20
Name Kaestro
Link #1 https://kaestro.github.io/%EA%B0%9C%EB%B0%9C%EC%9D%BC%EC%A7%80/2024/04/22/re-%EC%A0%9C%EB%A1%9C%EB%B6%80%ED%84%B0-%EC%8B%9C%EC%9E%91%ED%95%98%EB%8A%94-%EB%B8%94%EB%A1%9C%EA%B7%B8(2).html
Subject [일반] [개발]re: 제로부터 시작하는 기술 블로그(2) (수정됨)
목차

다른 사람과 다른 길을 걷는 용기에 박수를
github pages, jekyll이란
기술 블로거는 작가이자, 개발자이다
기술 블로거는 개발자이자, 마케터이다
마치며


[다른 사람과 다른 길을 걷는 용기에 박수를]

'개발자라면 역시 깃허브지!'라는 생각으로 깃허브로 블로그를 시작하기로 결심하신 용감하신 분들께 우선 박수드립니다. 스스로 블로그를 구축하는 것은 많이들 하지 않는 선택이니만큼 쉬운 길이라고는 할 수 없겠지만, 그만큼 할 수 있는 것도 많고 이를 통해 많은 것을 배울 수 있는 개발자로써 한 번쯤 해보면 좋은 경험이라고 생각합니다. 그럼 이제 웹 개발에 대한 지식이라곤 기초적인 api 서버를 구축하는 것 밖에 없었던 제가, github page와 jekyll을 통해 기술 블로그를 운영하면서 겪은 좌충우돌에 대해 잠깐 이야기해보겠습니다.


[github pages, jekyll이란]

이 둘을 활용하는 자세한 가이드는 이 페이지(https://pages.github.com/)에서 확인하실 수 있습니다.

github pages는 github에서 직접 호스팅을 제공하는 블로그 서비스로 단순히 깃허브 레포지토리에 블로그 정적 파일을 올리기만 하면 이와 관련한 웹페이지와 도메인을 무료로 제공해주는 서비스입니다. 해당 페이지의 빌드와 배포에 관련한 작업은 무려 github에서 직접 만들어둔 workflow인 pages-build-deployment를 통해 관리되며, 본인이 지정해 둔 브랜치를 기반으로 푸시가 일어날 때마다 해당 브랜치의 파일을 빌드하여 배포합니다. 웹 서비스를 경험해 보신 분이라면 이 정도만 해도 충분히 블로그를 운영하는 데에는 문제가 없을 것이며 '생각보다 되게 편리한데? 뭐가 그렇게 힘들었단거야?'라는 생각을 하실 수도 있겠네요.

jekyll은 github pages에서 추천하는 정적 사이트 생성기로, 마크다운 파일을 작성되어 있는 layout에 맞는 형태인 HTML로 변환해주는 역할을 합니다. 또한 그 밖에 웹사이트를 만들 때 신경써야 하는 timezone, sitemap, rss feed 등의 기능을 설정만으로도 쉽게 구현할 수 있도록 도와줍니다. 이를 통해 jekyll은 블로그를 운영하는 데 있어 개발보다는 글을 작성하는 데에 많은 시간을 쓸 수 있도록 도움을 줍니다. 또한, jekyll은 liquid라는 템플릿 언어를 사용하여 비교적 간단하게 javascript를 사용하지 않고도 동적인 웹페이지를 만들 수 있으며, 단순히 페이지에 몇 가지 항목을 등록하는 것만으로도 포스트와 관련한 카테고리나 태그, 추천 등의 추가적인 정보를 쉽게 관리할 수 있습니다.

그리고 여기까지가 github pages와 jekyll이 제공하는 모든 것입니다. 사실 저는 이런 것들이 제공되고 있다는 사실도 알지 못하고 블로그가 동작한다는 사실만 인지할 정도로 웹 개발이 모자란 상태에서 운영을 시작했던 데다가, 이 외에도 블로그에 필요한 기능들이 굉장히 많고 유용하다는 것을 깨닫는 과정을 통해 네이버와 같이 여타의 플랫폼에서 제공하는 서비스들이 그만큼 대단하다는 것을 절감할 수 있었습니다.


[기술 블로거는 작가이자, 개발자이다]

기술 블로거는 우선은 글을 쓰는 사람이 맞습니다. 하지만 그것은 필요조건일 뿐, 충분 조건은 아닙니다. 말 그대로 깃허브 페이지와 jekyll이 제공하는 것은 글을 작성하면 배포해주고, 이에 필요한 기본적인 포맷인 레이아웃이 끝입니다. 그러면 가장 먼저 시작해야하는 것은 우리에게 너무나 익숙한 웹 사이트의 index 페이지 작성 및 여기에 글이 나열될 수 있는 포스트 페이지를 만드는 것입니다. 즉, 깃허브 페이지로 블로그를 운영하려는 사람은 프론트엔드 개발자가 되어야 합니다.

유명한 블로그 플랫폼인 네이버 블로그를 예시로 들자면 이제 누군가의 네이버 블로그에 들어갔을 때 가장 먼저 맨 위에 글들을 카테고리 별로 나눠주는 메뉴가 놓여있는 것이 대부분입니다. 잠깐, 그런데 내 블로그에 카테고리 별로 나눠주는 버튼은 어디 있죠? 지금부터 만드시면 됩니다. 작성한 글을 읽고 나서 다음 글로 넘어가거나 이전 글로 넘어가는 방법은요? 지금부터 만드시면 됩니다. 댓글은요? 지금부터 만드시면 됩니다.

이처럼 기존에 서비스하던 블로그에서 이미 이러한 수많은 우리가 있는게 너무나도 자연스럽다 생각했던 기능들은 사실 당연한 것이 아니란 것을 깨닫게 되는 첫 순간에는 굉장히 당황스러웠습니다. 그걸 내가 어떻게 해? 그런데 개발자라는 직업의 사람이 모두들 그렇듯, 하다보면 다 된다는 것도 배울 수 있었습니다. 모든걸 제가 만들어야하는 것이 힘들고 괴로운 대신 그만큼 우리가 블로그에 모든 전권을 가지고 있기 때문에, 이런 못생긴 신호등 버튼을 만들어도 아무도 말릴 사람이 없다는 쾌락을 누릴 수 있었던 것은 소소한 재미입니다. 이제는 디자인을 변경했지만요.




[기술 블로거는 개발자이자, 마케터이다]

그렇게 고생해서 다른 블로그들에 있고 나한테 필요한 기능들을 개발해서 글을 쓰는 데까지 오는 데 성공하고 나니 나름대로 뿌듯함을 느낄 수 있습니다. 그런데 이번에는 다른 문제가 있다는 사실을 깨달을 수 있었습니다. 제가 그것을 깨달은 것은 제 블로그 글이나 블로그 자체가 구글이나 네이버 검색엔진을 통해 검색이 되지 않고 있기 때문에, 사실상 제가 작성하고 있는 것은 잘 연결된 인터넷 상에 자리한 것이 아니라 아는 사람만 드나들 수 있는 외딴 섬에 있는 것과 다름이 없다는 사실을 알 수 있었습니다.

아직 구글 검색엔진을 기준으로 가장 먼저 이 부분을 해결하기 위해 제가 조사한 바에 따르면, 구글 검색엔진에 글이 노출이 되기 위해서는 두 가지 해결책을 취할 수 있습니다. 하나는 트래픽이 굉장히 많이 발생하도록 만들어서 구글이 중요한 사이트라고 인식해 검색 엔진에 스스로 등록하게 하는 것입니다. 당연히 이것은 불가능하기 때문에 저는 두 번째 방법을 사용했습니다. 그것은 구글에 직접 이 블로그의 주인임을 증명하고, 구글이 이 블로그를 검색 엔진에 등록하는데 필요한 모든 정보를 제공하는 것입니다. 이것을 구글 서치 콘솔이라고 합니다.

저는 미련하게도 서치 콘솔에 등록한 이후에 '트래픽이 발생하기만 하면 알아서 잘 되겠지. 글을 쓰고 홍보하기만 하면 어떻게든 될 거야'하는 잘못된 생각을 가지고 일단 글만 쓰다가, 두 달이 넘도록 구글 검색 엔진에 노출이 되지 않아서 문제가 있다 생각해 다시 해결 방법을 찾아 나섰습니다. 그 결과, 구글 검색 엔진에 순수하게 트래픽을 통해 노출되는 것이 아니라 직접 indexing을 요구하거나 sitemap을 제출하는 등의 노력을 해야 작은 트래픽이라도 구글 검색 엔진에 노출이 된다는 것을 알 수 있었습니다.

결과적으로 현재 저는 무려 블로그를 시작한 근 세달만에 블로그에 트래픽이 생기기 시작한 사실을 확인할 수 있었습니다.






[마치며]

비록 제가 생각한 것보다 기술 블로그를 github pages를 통해 스스로 운영하는 과정은 많은 작업을 요구하는 일이었습니다. 하지만 그 덕분에 제가 알지 못했던 웹과 관련한 많은 기술들을 학습할 수 있었고, 처음으로 사이트에 트래픽이 생긴 날은 굉장히 감격스럽기도 했습니다. 그만큼 블로그를 운영하는 것은 개발자로써 나름대로 힘든 만큼 재미있고 굉장히 많이 자극이 되는 경험이었습니다.

그럼 다음 편에서는 조금 더 구체적으로 블로그를 운영하면서 겪은 일들에 대해 이야기해보겠습니다. 긴 글 읽어주셔서 감사합니다.

통합규정 1.3 이용안내 인용

"Pgr은 '명문화된 삭제규정'이 반드시 필요하지 않은 분을 환영합니다.
법 없이도 사는 사람, 남에게 상처를 주지 않으면서 같이 이야기 나눌 수 있는 분이면 좋겠습니다."
김재규열사
24/04/23 19:33
수정 아이콘
근데 개발자가 아니라 그런지 무슨 말씀인지 알아듣기가 어렵네요. 개발에 대해 지식이 거의 없는 사람들이 있는 공간엔 좀 더 쉽게 글을 써 주시면 좋을 것 같습니다.
24/04/23 19:47
수정 아이콘
그럴 수 있다는 생각은 못했네요
다음부터는 참고하겠습니다, 의견 감사합니다
토파즈
24/04/23 20:07
수정 아이콘
처음 깃헙페이지로 개인 블로그를 만들어보려던 주니어 시절 제가 생각나네요... 결국엔 개인 블로그를 만들어서 운영하는 것보다 이미 있는 블로그 서비스(티스토리, 네이버, velog...)를 활용하는 게 관리가 훨씬 편하더라구요.
그렇지만 개발자로써 의미있는 도전 응원합니다!
24/04/23 23:56
수정 아이콘
말씀대로 그런게 훨씬 관리가 편해서 저도 언젠가는 넘어갈지도 모르겠습니다만, 당장은 꽤나 즐거워서 좋은 경험이라 생각하고 있습니다. 새 기능 만들고 바뀌고 하면 그렇게 기분 좋더라구요 크크
응원 감사드립니다
24/04/23 22:27
수정 아이콘
응원합니다!
24/04/23 23:57
수정 아이콘
감사합니다! 이런 응원 한마디에 많은 힘을 얻습니다
24/04/24 01:48
수정 아이콘
잘봤습니다. 흥미롭네요. 낼 회사서 루팡하면서 시도해봐야겠네요. 이렇게 루팡거리가 또 늘어나고..;;
24/04/24 03:40
수정 아이콘
사실 개발자가 이런거로 회사에서 루팡하면 개발하는 줄 알고 눈치 못채긴 할겁니다? 크크
FlyingBird
24/04/24 02:40
수정 아이콘
우와..저도 깃허브 블로그를 시도해보고 있었는데 쉽지 않더라고요. 대단해보입니다! 여러가지 도움을 받기위해 꾸준글을 기대하겠습니다.
24/04/24 03:41
수정 아이콘
저는 이게 구직 과정에서 필요를 느껴서 하다가 취미가 된 케이스인 거지만, 처음에는 글 5개도 못 쓰고 그만뒀어서요 크크
쉽지 않아서 힘들게 느껴지는 것은 다들 겪고가는 여정이 아닐까 싶습니다. 좋게 봐주셔서 감사합니다
멸천도
24/04/24 08:24
수정 아이콘
사실 구글만이 아니라 네이버도 메타태그나 사이트맵이라던가를 등록해야 검색이 잘된다고 알려주긴합니다.
24/04/24 08:38
수정 아이콘
사실 찾아보면 그런 게 있을 것 같기는 했는데 아직 찾아보질 않았네요
이슈에 써놓겠습니다, 좋은 정보 감사드립니다 크크
nm막장
24/04/24 13:29
수정 아이콘
비슷한 고민을 했는데 안가본 길을 가주셔서 감사합니다^^
제겐 많은 도움이 되었어요
24/04/24 13:49
수정 아이콘
도움이 조금이라도 됐다면 굉장히 기쁘네요
파이팅입니다
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회 추천
101352 [일반] 5년 전, 그리고 5년 뒤의 나를 상상하며 [6] Kaestro9593 24/04/27 9593 4
101351 [일반] 키타큐슈-시모노세키-후쿠오카 포켓몬 맨홀 투어 [11] 及時雨10005 24/04/26 10005 13
101349 [일반] 인텔 13,14세대에서 일어난 강제종료, 수명 문제와 MSI의 대응 [63] SAS Tony Parker 15686 24/04/26 15686 9
101348 [일반] [개발] re: 제로부터 시작하는 기술 블로그(完) [4] Kaestro8815 24/04/26 8815 5
101347 [일반] 테일러 스위프트 에라스 투어 도쿄 공연 후기 (2/7) [5] 간옹손건미축10667 24/04/26 10667 12
101346 [일반] 민희진씨 기자회견 내용만 보고 생각해본 본인 입장 [325] 수지짜응24874 24/04/25 24874 10
101345 [일반] 나이 40살.. 무시무시한 공포의 당뇨병에 걸렸습니다 [51] 허스키15949 24/04/25 15949 10
101344 [일반] 고인 뜻과 관계없이 형제자매에게 상속 유류분 할당은 위헌 [40] 라이언 덕후12389 24/04/25 12389 1
101295 [일반] 추천게시판 운영위원 신규모집(~4/30) [3] jjohny=쿠마28901 24/04/17 28901 6
101343 [일반] 다윈의 악마, 다윈의 천사 (부제 : 평범한 한국인을 위한 진화론) [47] 오지의10550 24/04/24 10550 12
101340 [일반] 미국 대선의 예상치 못한 그 이름, '케네디' [59] Davi4ever15188 24/04/24 15188 4
101339 [일반] [해석] 인스타 릴스 '사진찍는 꿀팁' 해석 [20] *alchemist*10695 24/04/24 10695 13
101338 [일반] 범죄도시4 보고왔습니다.(스포X) [48] 네오짱12323 24/04/24 12323 5
101337 [일반] 저는 외로워서 퇴사를 결심했고, 이젠 아닙니다 [27] Kaestro12424 24/04/24 12424 17
101336 [일반] 틱톡강제매각법 美 상원의회 통과…1년내 안 팔면 美서 서비스 금지 [35] EnergyFlow9423 24/04/24 9423 2
101333 [일반] [개발]re: 제로부터 시작하는 기술 블로그(2) [14] Kaestro8120 24/04/23 8120 3
101331 [일반] 기독교 난제) 구원을 위해서 꼭 모든 진리를 정확히 알아야 하는 것은 아니다 [88] 푸른잔향9699 24/04/23 9699 8
101330 [일반] 교회는 어떻게 돌아가는가:선거와 임직 [26] SAS Tony Parker 9158 24/04/23 9158 2
101329 [일반] 예정론이냐 자유의지냐 [60] 회개한가인8973 24/04/23 8973 1
101327 [일반] 20개월 아기와 걸어서(?!!) 교토 여행기 [31] 카즈하8747 24/04/23 8747 8
101326 [일반] (메탈/락) 노래 커버해봤습니다! [4] Neuromancer5859 24/04/23 5859 2
101325 [일반] 롯데백화점 마산점, 현대백화점 부산점 영업 종료 [39] Leeka11555 24/04/23 11555 0
101324 [일반] 미 영주권을 포기하려는 사람의 푸념 [51] 잠봉뷔르15623 24/04/23 15623 103
목록 이전 다음
댓글

+ : 최근 1시간내에 달린 댓글
+ : 최근 2시간내에 달린 댓글
맨 위로