Notes / Devlog
블로그를 다시 정리하며
사건의 발단
7년 전, 개발을 공부하면서 개발블로그를 직접 짜고 구글 seo 까지 해낸다는 프로젝트를 진행했다. 명분은 간단했다. 어차피 개발공부를 할 거고 이왕이면 실무(?)처럼 결과물이 나왔으면 했으니까.
그런데 지킬 블로그를 구축하면서 여러 난관을 거쳤다 ㅎㅎㅎ
고른 테마는 가장 심플해보이던 jekyll-now-theme 이었는데 사실 디자인은 제일 별로고 아무것도 없는 그런 느낌이었다. 그런데 화려화려한 블로그 테마는 당시 막 시작한 개발 쌩초보로서는 코드를 만지기가 복잡했다.
정말 울며 겨자먹기였는데 가장 마음에 안들었던 건 카테고리가 없이 텍스트만 쌓아져서 보이는 느낌이었다. 태그도 없고, 서치도 안되고, 이전글 다음글로 넘어가는 페이지 기능도 없고 정말 텍스트만 하나씩 딱 포스팅 되는 건데 진짜 없어보이는게 슬펐다 ㅋㅋㅋ
그래서 일일이 구글링 하면서 코드를 전면 뜯어고쳤다.
가장 마음에 안들던게 카테고리 버튼이 없던거였기에 이거 고치느라 몇날 며칠을 몰두했다.
며칠 내내 코드 꼬이고 사이트 무너지고 복구하느라 눈물 훔치고 그 과정에서 코드를 읽는 눈이 아주 조금 성장했다.
jekyll-now 기반의 kiko now 코드를 분석해서 역으로 소스 적용해본 건 안 비밀. 그냥 kiko now 쓰면 되지 않나요 할 수 있는데 검색 기능 구현 못하고 못생긴 건 그대로라 ㅋㅋㅋ 다만 archive의 구조는 그럴듯하게 만들었다. 태그는 페이지만 생기고 404에서 벗어나지 못했고(???
다른 건 다 버리더라도 카테고리만은 어떻게 하자 그것만이 살 길이다, 그렇게 홈 화면에 포스트가 뜨는게 아니라 바로 카테고리가 뜰 수 있게 메뉴를 구현한게 어찌나 뿌듯했는지 모른다.
카테고리를 누르면 포스트가 있는 페이지로 넘어가고 원하는 포스트도 또 리스트에서 클릭하는 구조…. 같은 테마의 디자인에서는 볼 수 없는 이 블로그만의 특징이었다.
구조를 건드리다 지쳐서 그랬는지 이후 여전히 마음에 안 드는 것들 투성이었는데 about 이라던가 archive 쪽은 날림으로 그대로 두게 됐고, 여전히 태그 구현은 꼬여서 404페이지로 냅뒀고 검색 기능 자체는 아예 꿈도 못 꿔서 페이지도 안 말들고 못 생긴 블로그를 방치해뒀다. 이후 심심해져서 랜덤 포스팅 뜨게 하는 버튼만 추가해봤고.
그러다 시간이 흘러 다시 구글 seo에 관심이 생겼고 이제는 ai도 있으니까 기획 잡으면 막혔던 거라던가 꼬였던 코드 풀 수 있지 않을까 해서 이참에 블로그도 UX, UI디자인을 고려해서 개편해보자 하며 오늘 프로젝트를 진행하게 됐다.
달라진 것들
정말 그 구린 jekyll-now의 UI를 참을 수 없어서 이거부터 벗어나고 싶었다. 회색빛이 미니멀하면 미니멀한데 너무 심심하고 개인적으로는 칙칙한 느낌이라 UI 디자인부터 뜯어고쳤다.
사실 원래는 민트, 페어리핑크, 차콜, 세레니티블루가 들어간 파스텔톤으로 톤앤매너를 하고 싶었는데… 조합을 내는걸 너무 구리게 해서 연보라 색감으로 가기로 했다.
여전히 세레니티블루에 대한 미련이 남아있는데 저렇게 조합하려면 잘못하면 진짜 너무 촌스러워져서 ㅋㅋㅋ 사실 연보라도 썩 마음에 드는 건 아닌데 기존의 칙칙한 거보다는 나아져서 타협했다.
그리고 저번에는 최신글을 그냥 제목만 블록처럼 쌓이게 뒀는데 단순히 최신 글을 쌓는 방식에서 벗어나 대표글과 관심 분야를 조금 더 쉽게 살펴볼 수 있도록 홈 화면을 구성했다. 카테고리 메뉴에도 효과를 줬고 옆에 숫자 표기도 되어 해당 카테고리에 글이 몇개 있는지 알수 있게 해뒀다. 최신 포스트는 카드방식으로 제목, 내용 미리보기, 작성날짜, 작성자, 위치한 카테고리를 포스트잇 메모처럼 볼 수 있게 구현 했는데 이번에 바꾼 거 중에 마음에 든다.
개발 기록뿐 아니라 연구와 프로젝트에 관한 이야기도 자연스럽게 이어질 수 있도록 콘텐츠의 분류도 다시 고민했다. 네비게이션에 페이지도 더 추가했고. 쓰다만 글들을 완성하면서 정비도 하려고 한다. about에 들어갈 내용을 수정했고 검색 기능 구현도 됐다!
아직 모든 부분이 완성된 것은 아니다. 사용하면서 조금씩 개선해 나가려고 한다.
앞으로의 기록
원래 이 블로그는 인지니어스를 만들어가면서 제품 개발 과정에서 마주한 문제와 해결 방법, 새롭게 배운 기술, 진행 중인 프로젝트의 시행착오를 남기는 기술조직의 개발블로그를 지향하고 싶어서 시작했다. (포부 ㅋㅋㅋ
개인적으로 우아한형제들 기술블로그를 열심히 챙겨보고 - 비록 1인이지만 - 기술블로그의 롤모델로 삼아 배우고 있다 ㅎㅎㅎ 혹시 모르지, 연습하다보면… 커리어로 테크니컬 라이터를 할 수 있게 될지 말이다 (??
1인 노마드 스타트업이라 좌충우돌이다. 그런데 웹세상에 이런 기록 정도는 있어도 되지 않을까. 피 땀 눈물 범벅한 날것의 글, 성장하는 모습을 담은 글 같은 것.
스타트업의 경우 사업 초기에는 사업을 굴리기 위해 제품 개발하고 집중하느라 정작 제품이 만들어지고 어느 정도 체계가 잡히고 나서 블로그 글을 써서 그런지 아쉬울 때가 많았다. 그리고 또 너무 날 것의 만들어가는 꿀팁을 공개하는 거도 좀 그렇다 생각해서 그럴지도 모르겠다.
이해는 하는데 혼자 ‘스타트업’을 독학해 나가면서 힘들기도 했구, 뭔가 앞으로 구상하고 있는데 도움이 될 거 같아 다음을 위해서도 기록을 남겨볼까 한다.
그래서 때로는 기술 자체보다 그것을 통해 무엇을 만들 수 있는지, 사람들에게 어떤 경험을 제공할 수 있는지에 관한 이야기도 종종 다룰 생각이다.
완성된 결과만 보여주기보다는 그 결과에 도달하기까지의 고민과 선택을 기록하는 공간이 되게하고 싶다.