프레이머(Framer)로 만든 사이트를 운영하다 보면 이런 질문이 생깁니다. "이건 내가 고쳐도 되나, 아니면 맡겨야 하나?" 기준이 없으면 사소한 수정도 겁이 나고, 반대로 겁 없이 건드렸다가 다른 페이지가 깨지기도 합니다.
프레이머는 일반 웹사이트와 구조가 다릅니다. 컴포넌트·배리언트·CMS 컬렉션이 서로 얽혀 있어서, 한 곳을 고치면 그것을 쓰는 모든 페이지가 함께 바뀝니다. 이게 장점이자 위험 요소입니다.
이 글은 프레이머 사이트에서 어떤 수정이 안전하고, 어떤 수정이 구조를 아는 사람에게 맡겨야 하는지를 실무 기준으로 나눈 것입니다.
30초 요약
- •텍스트·이미지 교체는 대부분 안전합니다. 다만 컴포넌트 안에서 고치면 그 컴포넌트를 쓰는 모든 페이지가 함께 바뀝니다.
- •레이아웃 수치를 직접 건드리는 건 위험합니다. 프레이머는 스택과 제약으로 반응형을 잡기 때문에 한 값이 여러 화면에 연쇄됩니다.
- •CMS 컬렉션은 항목 추가는 안전, 필드 구조 변경은 위험합니다. 필드를 지우면 그 필드를 쓰는 모든 페이지가 깨집니다.
- •배리언트와 인터랙션은 맡기시는 편이 낫습니다. 눈에 보이지 않는 연결이 많아 되돌리기가 어렵습니다.
- •헷갈리면 기준은 하나입니다. "이 화면에서만 바뀌는가, 다른 곳에도 영향이 가는가"
직접 하셔도 안전한 수정
아래 작업들은 구조를 몰라도 되돌리기 쉽고, 다른 페이지에 영향이 가지 않습니다.
1. 페이지에 직접 놓인 텍스트 교체
특정 페이지에만 있는 문구는 안전합니다. 클릭해서 바꾸고 게시하면 끝입니다. 단, 클릭했을 때 파란 테두리와 함께 컴포넌트 이름이 뜬다면 멈추셔야 합니다. 그건 여러 페이지가 공유하는 부품입니다.
2. CMS 항목 추가·수정
블로그 글이나 포트폴리오 항목을 새로 등록하는 건 안전합니다. CMS는 그러라고 만들어둔 구조입니다. 이미 있는 필드를 채우는 작업은 마음껏 하셔도 됩니다.
3. 이미지 교체 (같은 비율)
가로세로 비율이 비슷한 이미지로 바꾸는 건 문제없습니다. 다만 세로로 긴 사진을 가로 배너 자리에 넣으면 레이아웃이 밀립니다. 원본과 비슷한 비율인지만 확인하세요.
4. 링크 주소 변경
버튼이나 텍스트의 연결 주소를 바꾸는 건 안전합니다. 외부 링크는 새 탭 열기 설정만 함께 확인하시면 됩니다.
맡기시는 편이 나은 수정
여기부터는 눈에 보이지 않는 연결이 얽혀 있습니다.
1. 컴포넌트 내부 수정
헤더, 푸터, 카드, 버튼처럼 여러 페이지에서 반복되는 요소는 대부분 컴포넌트입니다. 컴포넌트 안에서 무언가를 바꾸면 그것을 쓰는 모든 페이지가 동시에 바뀝니다.
의도한 변경이면 좋은 기능입니다. 문제는 "이 페이지에서만 바꾸려던 것"이 전체에 퍼질 때입니다. 실제로 저희가 인수받는 사이트에서 가장 자주 발견하는 사고 유형입니다.
2. 배리언트(Variant) 관련 작업
배리언트는 같은 컴포넌트의 다른 상태입니다. 마우스를 올렸을 때, 눌렀을 때, 모바일일 때가 각각 배리언트로 나뉘어 있습니다. 하나를 수정하면 나머지 상태와 어긋나 전환 애니메이션이 튀거나 멈춥니다.
3. 반응형 브레이크포인트 조정
프레이머는 데스크톱·태블릿·모바일 화면을 따로 두고, 스택과 제약으로 자동 배치합니다. 한 화면에서 여백을 바꾸면 다른 화면에도 연쇄되는 경우가 많습니다. 모바일만 고치려다 데스크톱이 틀어지는 일이 흔합니다.
4. CMS 필드 구조 변경
항목을 추가하는 건 안전하지만, 필드 자체를 지우거나 이름을 바꾸면 그 필드를 쓰는 모든 페이지가 빈칸이 되거나 깨집니다. 되돌리려면 필드를 다시 만들고 연결을 일일이 다시 걸어야 합니다.
5. 코드 컴포넌트와 외부 연동
결제, 폼 연동, 커스텀 인터랙션처럼 코드가 들어간 부분은 프레이머 편집기에서 보이지 않는 로직이 있습니다. 이 영역은 만든 사람 외에는 손대지 않는 게 안전합니다.
판단 기준은 한 문장입니다
이 수정이 지금 보고 있는 화면에서만 끝나는가, 아니면 다른 곳에도 영향이 가는가
"이 페이지에서만"이면 대체로 안전하고, "여기저기"면 맡기시는 게 낫습니다. 판단이 애매하면 수정 전에 물어보시는 게 가장 빠릅니다. 깨진 뒤에 복구하는 것보다 사전 확인이 훨씬 짧게 끝납니다.
저희는 요청을 받으면 먼저 구조부터 확인합니다. 어떤 컴포넌트를 건드리게 되는지, 영향 범위가 어디까지인지 파악한 뒤에 작업합니다.
자주 묻는 질문
Framer 수정을 맡기면 편집 권한을 넘겨야 하나요?
프레이머 프로젝트에 편집자로 초대해 주시면 됩니다. 계정 소유권은 그대로 고객사에 있고, 필요하시면 언제든 권한을 회수하실 수 있습니다. 계약 전에 확인하실 항목은 유지보수 업체 고르는 법에 정리해 두었습니다.
다른 곳에서 만든 프레이머 사이트도 수정해 주시나요?
네, 제작사와 무관하게 가능합니다. 다만 넘겨받은 직후에 바로 수정하지는 않습니다. 구조를 먼저 파악해야 안전하기 때문인데, 그 과정은 방치된 프레이머 사이트를 넘겨받으면 가장 먼저 하는 3가지에 적어두었습니다.
프레이머 구독료도 유지보수 비용에 포함되나요?
아니요, 별개입니다. 프레이머 자체 구독료는 고객사 계정으로 직접 결제하시고, 유지보수 비용은 그 위에서 사이트를 수정·운영하는 비용입니다.
직접 고쳐보다가 망가뜨렸는데 복구되나요?
프레이머는 버전 히스토리를 제공하므로 대체로 되돌릴 수 있습니다. 다만 게시(Publish) 후 시간이 지났거나 CMS 필드를 지운 경우엔 복구가 어려울 수 있습니다. 망가진 상태로 두지 마시고 바로 알려주세요. 시간이 지날수록 복구가 어려워집니다.
정리하면
프레이머 사이트에서 안전한 수정과 위험한 수정을 가르는 건 '영향 범위'입니다. 페이지에 직접 놓인 텍스트·이미지, CMS 항목 추가는 편하게 하셔도 됩니다.
반면 컴포넌트 내부, 배리언트, 반응형 수치, CMS 필드 구조는 구조를 아는 사람이 다루는 게 결과적으로 더 빠르고 저렴합니다. 깨진 것을 복구하는 비용이 처음부터 맡기는 비용보다 큽니다.
함께 읽으면 좋은 글
- •프레이머 외주, 어디까지 가능할까요? 제작 기간부터 유지보수까지
- •방치된 프레이머 사이트를 넘겨받으면, 저희가 가장 먼저 하는 3가지
- •프레이머 유지보수, 직접 할까 외주를 맡길까 — 시간과 비용으로 계산해봤습니다
- •홈페이지 수정 요청, 이렇게 쓰면 두 배 빨리 처리됩니다
프레이머 사이트 수정을 맡기실 곳을 찾으신다면 요금제와 포함 범위를 확인해 보세요. 지금 구조가 어떤 상태인지부터 점검이 필요하시면 상담 신청도 가능합니다.
이 글은 EasySpark 허수진 대표의 실무 내용이며, 사이트 구조와 제작 방식마다 다를 수 있어 결과를 보장하지 않습니다. 우리 사이트에 맞는 수정 범위가 궁금하시다면 편하게 상담 신청해주세요.
