안녕하세요, 생산적 회계사(PROCPA) 입니다.
지난 글에서는 수많은 블로그 플랫폼 중에서 왜 ‘워드프레스’를 선택했는지, 그 전략적 이유에 대해 말씀드렸습니다. 이번 글부터는 본격적으로 저의 워드프레스 구축 과정을 전달해드리고자 합니다.
1. 1단계 : 블로그 기획
LLM에게 프롬프트를 잘 작성해서 요청하는게 중요하듯, 블로그도 명확한 ‘기획’이 선행되어야 합니다. 옵시디언의 Canvas 기능을 활용해서 블로그의 목적부터 디자인까지 브레인스토밍을 해갔으며, 아래의 이미지는 그 초안입니다.
1.1. 블로그 목적(Why)
가장 먼저 스스로에게 물었습니다. “이 블로그를 왜 하는가?”
회계사로서의 전문성을 드러내고 IT, AI 활용 능력을 증명하는 퍼스널 브랜딩(Personal Branding) 의 시작점으로 활용하고 싶었습니다.
하지만 누구나 다 아는 정보를 복사-붙여넣기 하거나, AI에게 대충 글감을 던져놓고 만들어서 쓴 글이 아니라 정말 질적으로 유용한 정보를 제공하여 자연스럽게 방문자를 유도하는 것을 목표로 삼았습니다.
1.2. 콘텐츠 정의(What)
유용한 콘텐츠를 만들어내기 위하여 내가 갖고 있는 것이 어떤 것이 있는지를 검토하고 이에 따라 콘텐츠를 크게 두가지 축으로 정의했습니다.
- 회계, 재무 실무서: 단순한 정보 제공이 아닌, 실무에서 바로 쓸 수 있는 ‘실무’ 지식을 전달하고 지금까지 만들어 온 업무 단권화 자료나 엑셀 Template 등을 공유
- 생산성 & AI 활용: 회계사가 AI를 만나 어떻게 일하는지, 생산성을 향상시키기 위해 어떤 시스템을 정착해서 사용하는지에 대한 인사이트와 실제 경험을 연재
1.3. 구조 설계(How)
콘텐츠의 성격이 확연히 다르기 때문에, 담는 그릇도 달라야 한다고 판단했습니다.
- Docs (전자 실무서): 긴 호흡의 전문 지식은 일반적인 블로그 포스팅 방식(최신순 나열)으로는 체계적으로 보여주기 어렵습니다. 그래서 독스(Docs) 형태의 구조를 택했습니다.(ex. 위키독스)
- Blog (에세이): 생산성과 AI 활용 팁은 시의성이 중요하고 가볍게 읽을 수 있어야 하므로, 전형적인 블로그(Blog) 형태를 유지하기로 했습니다.
1.4. 페이지 구성
방문자가 사이트에서 길을 잃지 않도록 메뉴는 직관적으로 5가지로 구성했습니다.
- Home: 블로그의 첫인상입니다. 블로그의 정체성을 드러내고 주요 콘텐츠(Docs, Blog)로 연결되는 허브 역할을 합니다.
- About: 글의 신뢰도를 높이기 위해 개인 이력/포트폴리오를 추가하였습니다.(사실 개발자들이 해 놓은게 멋있어 보여서 따라해보고 싶었습니다..)
- Docs: 앞서 설계한 회계, 재무 실무서 콘텐츠가 모이는 공간입니다.
- Blog: 생산성 및 AI 관련 인사이트 글들이 발행되는 공간입니다.
- Contact: 독자가 저에게 연락할 수 있는 창구(메일, 네이버블로그, 유튜브 등) 페이지 입니다.
1.5. 디자인
디자인은 전문가가 아니기 때문에 선호하는 색상과 컨셉만 대략적으로 아래와 같이 정했습니다. 전문성을 나타내면서도, IT 얼리어답터로서의 세련됨을 놓치고 싶지 않았습니다.
- 컨셉 : 전문성을 드러낼 수 있고 현대적인 컨셉의 디자인
- 메인 컬러: 평소에도 좋아하는 색깔이며, 전문적인 느낌을 주는 Indigo(남색)와 Blue(파란색) 계열을 선택해봤습니다.(Tailwind CSS 기준)
- 타이포그래피: 무엇보다 가독성을 최우선
2. 2단계 : 호스팅과 도메인 연결
기획이 끝났으니 이제 ‘땅’을 사고 ‘주소’를 등록할 차례입니다. 바로 호스팅과 도메인입니다.
2.1. 호스팅
2.1.1. 호스팅이란?
내 블로그의 데이터(글, 사진, 코드)를 저장해 둘 인터넷 상의 공간(서버)을 임대하는 것입니다. 24시간 켜져 있는 컴퓨터를 빌리는 셈입니다.
2.1.2. 호스팅 방법 비교
워드프레스를 운영하는 방법은 크게 세 가지가 있습니다.
- 가상서버 호스팅 (AWS, Vultr 등): 자유도가 가장 높고 저렴하지만, 서버 세팅부터 보안까지 다 직접 해야 합니다. 초보자에겐 가시밭길입니다.
- 웹 호스팅: 서버 공간만 빌려주는 형태인데, 워드프레스에 최적화되어 있지 않으면 속도가 느릴 수 있습니다.
- 매니지드 워드프레스 호스팅: 워드프레스 설치, 보안, 업데이트 등을 호스팅 업체가 알아서 관리해 줍니다. 비용은 조금 더 들지만 정신 건강에 이롭습니다.
2.1.3. Cafe24 매니지드 호스팅 선택 이유
저는 Cafe24의 뉴매니지드 워드프레스 호스팅을 선택했습니다.
해외 호스팅(Cloudways 등)도 유명하지만, ①속도(한국 리전), ②고객 지원(한국어), ③비용(월 450원 수준의 가성비) 측면에서 Cafe24가 입문용으로 가장 합리적이었습니다.(개인 블로그 정도는 스타트업 요금제로도 충분하다고 생각합니다.)
2.1.4. 호스팅 신청 및 확인
신청 과정은 매우 직관적입니다. 아래 링크를 통해 접속하여 회원가입 후 원하시는 사양(저는 ‘스타트업’ 상품 선택)을 골라 결제만 진행하면 됩니다.
👉 Cafe 24 매니지드 워드프레스 호스팅 신청 바로가기
신청과 결제가 완료되면 나의 서비스 관리 > 호스팅관리 > 기본관리 > 서비스 사용현황 메뉴에서 블로그의 상태를 확인할 수 있습니다.
이때 ‘운영 사이트’ 주소를 보면 wogus3575.mycafe24.com 처럼 아이디가 포함된 긴 주소가 기본으로 제공됩니다. 물론 이 주소로도 접속은 가능하지만, ‘나만의 웹사이트’를 표방하기에는 조금 아쉬운 모양새입니다. 더 전문적인 브랜드 이미지를 갖추기 위해서는 도메인(Domain) 을 연결해야 합니다.
2.2. 도메인
2.2.1. 도메인이란?
123.45.67.89와 같은 복잡한 IP 주소 대신, 사용자가 기억하기 쉬운 영문 주소를 의미합니다. 제 블로그의 procpa.co.kr이 바로 도메인입니다.
2.2.2. 도메인 구매 (HostingKR)
도메인은 Cafe24에서 호스팅과 함께 신청할 수도 있지만, 전문 등록 업체를 이용하는 방법도 있습니다. 저는 좀 더 저렴한 호스팅케이알 을 통해 procpa.co.kr 도메인을 구매했습니다.
2.2.3. 도메인 연결
도메인을 구매했다면 호스팅 서버와 연결해야 합니다. Cafe24의 나의 서비스 관리 > 호스팅관리 > 기본관리 > 도메인 연결 메뉴에서 구매한 도메인을 연결하고, 이를 대표 도메인으로 변경하면 복잡한 기본 주소 대신 나만의 도메인으로 접속할 수 있게 됩니다.
3. 3단계 : 로고 만들기
기초 세팅 중 마지막으로 사이트에 사용할 로고를 만들어야 했습니다. 거창하게 디자이너에게 의뢰할 수도 있지만, 요즘은 AI를 활용하면 누구나 쉽게 로고를 만들 수 있습니다.
3.1. 로고란?
로고는 단순한 그림이 아닌 블로그의 정체성을 한눈에 보여주는 ‘얼굴’입니다. 저는 ‘생산적 회계사’라는 브랜드 이미지를 효과적으로 시각화하고 싶었고, 퍼스널 브랜딩 목적에 맞게 제 사진을 사용해서 로고를 만들기로 했습니다.
3.2. AI를 활용하여 로고 만들기 (나노바나나 + 미리캔버스)
1. Gemini로 캐릭터 생성하기
먼저 로고의 핵심이 될 캐릭터가 필요했습니다. 저는 깔끔하고 친근한 ‘노션(Notion) 스타일’ 의 일러스트를 컨셉으로 잡았습니다.
Gemini에게 제 증명사진과 원하는 스타일의 참고 이미지(Reference)를 함께 업로드하며, “이 사진을 노션 스타일의 심플한 일러스트로 변환해 줘”라고 요청했습니다. 몇 번의 대화만으로 제 특징을 살린 캐릭터가 탄생했습니다.
2. 미리캔버스로 텍스트 조합하기
생성된 캐릭터 이미지를 ‘미리캔버스’ 로 가져와 배치하고, 우측에 블로그명을 텍스트로 추가했습니다.
복잡한 디자인 툴(포토샵, 일러스트레이터)을 몰라도, AI와 웹 캔버스 툴을 활용하니 단 10분 만에 제 정체성이 담긴 로고가 완성되었습니다.
4. 마치며
이렇게 기획부터 도메인, 호스팅, 로고까지 블로그의 뼈대를 세웠습니다.
머릿속에만 있던 구상이 실제 접속 가능한 웹사이트(procpa.co.kr)가 되었을 때의 그 설렘은 정말 컸습니다.
하지만 아직은 텅 빈 집이나 다름없습니다. 다음 글에서는 이 뼈대에 살을 붙이고 옷을 입히는 ‘테마 선정 및 사용자 정의 설정’ 에 대해 이야기하겠습니다. 특히 AI를 활용해 어떻게 코드를 수정하고 나만의 디자인을 완성했는지 에 대해 구체적으로 다룰 예정입니다.
블로그 운영을 고민하시는 분들께 도움이 되길 바랍니다.