No. 01 · 제작 노트 2026년 8월 경기 김포
CODELIER

Journal — 짓는 일에 관한 기록

Feature · 제작 철학

무엇이든,
하나하나 짓는 이유

템플릿에 끼워 맞추지 않고, 요구에 맞춰 처음부터 짓는 일에 관한 기록. 새로 짓는 일과 이어받아 고치는 일을 함께 다룬다.

짜여진 틀에 손님을 끼워 넣지 않는다. 코들리에는 원하는 것을 하나하나 살펴, 그 모양 그대로 짓는 개발 공방이다. 웹, 앱, AI, CMS, 서버, 그리고 검색 최적화까지 — 여섯 갈래를 한 손에서 잇는다. 제안서를 먼저 내밀지 않는다. 무엇을, 왜 원하는지 끝까지 듣는 일부터 시작한다.

§ 재 본 것만 말한다

“잘합니다”라는 말은 쓰지 않는다. 대신 잰 숫자를 적는다. 업종별 대표 사이트 23개의 색과 타이포를 브라우저로 직접 열어 측정했다.1 눈대중으로 고른 색은 하나도 없다. 조사한 채용 사이트 다섯 곳 중 한 곳만 채용 공고 구조화 데이터를 넣고 있었다.2 AI 검색이 읽을 신호를 대부분 비워 둔 셈이다.

390px 화면에서 내부 폭이 1280px로 잡히는 대형 기관 사이트도 실제로 확인했다.3 데스크톱 창을 줄여 보는 방식으로는 잡히지 않는 문제다. 모바일에서 진짜로 열어 봐야 보인다.

코들리에가 만든 다크 톤 아틀리에 시안 화면
사진 1 어두운 톤으로 짠 아틀리에 시안 — 말이 아니라 실물을 먼저 만든다.

§ 두 갈래로 일한다

신규 제작만 하는 곳이 아니다. 새로 짓는 일도, 이미 있는 것을 고치고 더하는 일도 합니다. 아직 아무것도 없다면 처음부터 짓는다. 이미 돌아가고 있다면 그 위에 필요한 것만 얹는다.

“새로 짓는 일도,
이미 있는 것을 고치고 더하는 일도 합니다.”Track 01 · 02 — New build & Takeover

기능 추가는 쓰던 서비스에 필요한 기능만 얹는 일이다. 전체를 다시 만들자고 하지 않는다. 개선은 느리고 불편한 곳, 깨진 곳을 잡는 일이다. 인수인계는 다른 곳에서 만든 것을 받아 운영하는 일이다. 원본 개발자와 연락이 닿지 않아도, 코드를 처음부터 읽고 문서를 새로 쓴다.

§ 세 단계로 짓는다

듣는다. 무엇을, 왜 원하는지 끝까지 듣는다. 짓는다. 템플릿이 아니라 그 요구에 맞춰 처음부터 짓는다. 다듬는다. 넘긴 뒤에도 함께 다듬는다. 운영이 진짜 시작이기 때문이다.

코들리에가 만든 벤토 그리드 아틀리에 시안 화면
사진 2 벤토 그리드로 짠 아틀리에 시안 — 화면부터 뒷단까지 한 손에서 잇는다.

§ 지금까지 지은 것

시안 80종 이상을 미리 만들어 두고 그 위에서 고른다.4 말로 설명하는 대신, 톤과 움직임과 레이아웃을 실물로 먼저 보여 준다. 오른쪽 사이드바에 여섯 갈래 제작 범위를 정리해 두었다. 만들고 싶은 것이 있다면, 이야기부터 시작하면 된다.

이 기사는 코들리에가 실제로 쓰는 조판 규약(드롭캡·다단·방주·각주)을 그대로 시연합니다. 긴 글 구조는 검색과 AI 인용(SEO·AEO)에도 유리합니다.

사이트 · 커머스
iOS · Android
AILLM · 자동화
CMS직접 관리
SEO·GEO·AEO검색 최적화
서버API · 인프라

Two tracks

새로 짓는 일도, 이미 있는 것을 고치는 일도 합니다.

처음부터 짓는 일만 하는 곳이 아닙니다. 이미 돌아가는 서비스를 이어받아 고치고, 더하고, 계속 굴러가게 만드는 일도 같은 무게로 합니다.

Track 01 — New build

새로 짓기

아직 아무것도 없거나, 있던 것을 접고 처음부터 다시 지어야 할 때.

  • 커스텀 설계 — 템플릿을 사서 채우지 않고, 필요한 화면만 설계해 만듭니다.
  • 검색까지 포함 — SEO · GEO · AEO를 나중에 붙이지 않고 구조에 넣고 시작합니다.
Track 02 — Takeover & improve

이어받아 고치기

이미 돌아가고 있는데 손댈 사람이 없거나, 하나만 더 붙이면 되는 상태일 때.

  • 기능 추가 — 쓰던 서비스에 필요한 기능만 얹습니다.
  • 개선 · 인수인계 — 느리고 불편한 곳을 잡고, 다른 곳에서 만든 것도 받아서 운영합니다.

FAQ

자주 묻는 질문

여기에 없는 것은 메일로 물어보셔도 됩니다. 답변에 비용이 들지 않습니다.

contact@bebesnap.com →
코들리에는 어떤 것들을 만드나요?
웹 · 앱 · AI · CMS · 서버, 그리고 SEO · GEO · AEO 최적화를 만듭니다. 화면부터 뒷단까지 한 손에서 이어집니다.
이미 있는 서비스도 이어받아 관리해 주나요?
합니다. 신규 제작과 같은 무게로 다룹니다. 다른 곳에서 만든 서비스를 인수인계 받아 기능을 추가하고, 느리거나 깨진 곳을 고칩니다.
이 시안의 다단·드롭캡·방주는 모바일에서도 유지되나요?
네. 화면이 좁아지면 본문은 1단으로 접히지만 드롭캡과 방주(사이드노트)는 그대로 남아 순서대로 이어서 보입니다.
문의는 어떻게 하나요?
contact@bebesnap.com 으로 메일 주시면 됩니다. 무엇을 만들고 싶은지 한두 문장이면 충분합니다.

만들고 싶은 게 있다면,
이야기부터 시작해요

기획서가 없어도 괜찮습니다. 무엇이 불편한지, 무엇을 하고 싶은지만 알려 주세요.

Contact contact@bebesnap.com 메일 보내기 →

평일 기준 하루 안에 답신드립니다.

← 코들리에 이 화면은 제작 예시입니다. 브랜드명 · 문구 · 숫자 · 사진은 실제가 아니며, 제작 시 그 사업에 맞춰 다시 씁니다. 시안 전체 보기 문의하기 →