Getting Started
2025. 7. 8.
Framer 사이트 지원 브라우저 및 조건 안내
Framer는 다양한 브라우저에서 99% 이상 사용 가능하며, 최신 CSS 기능을 활용해 시각적으로 뛰어난 웹사이트를 제작할 수 있습니다. Framer가 지원하는 브라우저의 종류에 대해 알아봅시다.
Posted By
Framer Space
목차
Table of Contents
본 문서는 Framer를 배우는 국내 사용자들이 한글 자료의 부족으로 겪는 어려움을 해결하고자, 공식 블로그의 내용을 한국어로 번역하고 실무에 유용한 정보를 추가했습니다. 프레이머를 사용하는 여러분께 작게나마 도움이 되길 바랍니다.
Framer로 제작한 웹사이트는 어떤 브라우저를 지원하나요?
Framer는 사이트 방문자의 99% 이상이 원활하게 이용할 수 있도록 폭넓은 브라우저 호환성을 제공합니다. 구체적으로는 아래와 같습니다.
지원 브라우저 목록
브라우저 종류 | 최소 지원 버전 |
|---|---|
Safari | 15.5+ (iOS 포함) |
Chrome, Edge (Blink 기반) | 89+ |
Firefox | 109+ |
Opera, Opera Mobile | 75+ |
Samsung Internet | 15+ |
기타 Chromium 89+ 기반 브라우저 | 예: Brave v1.19+, Vivaldi, Yandex 등 |
모든 운영체제(MacOS, Windows, Linux, Android, iOS 등)에서 위 버전 이상의 브라우저가 설치되어 있다면 정상적으로 작동합니다. 여러 브라우저에서 문제가 발생하거나 대상 고객의 브라우저 사용량이 평균과 크게 다를 경우 Framer 도움말 포럼을 통해 문의해 주세요.
Framer는 최신 CSS 기능을 적극 활용하는 플랫폼입니다. 덕분에 시각적으로 뛰어난 웹사이트를 만들 수 있지만, 일부 기능은 구형 브라우저에서 완전히 지원되지 않을 수도 있습니다. 이 경우 Framer는 자동으로 폴리필(fallback)을 적용하지만, 약간의 레이아웃 차이나 동작 방식의 차이는 발생할 수 있습니다. 자세한 내용은 CSS 도움말을 참조하세요.Note: 폴리필은 '구형 브라우저에서도 최신 기능을 흉내 내도록 도와주는 코드'입니다.
프레이머 캔버스를 사용하려면?
필요한 조건
Framer의 디자인 툴인 Canvas를 사용하려면 인터넷 연결과 Windows, Mac, Linux 또는 ChromeOS 중 하나의 운영 체제가 필요합니다.
Chrome, Safari, Firefox 또는 Edge의 최신 버전이 설치되어 있는지 확인해 보세요, Framer는 Mac 및 Windows 사용자를 위한 데스크톱 앱도 제공합니다 .
Brave 브라우저 사용자
문제가 발생하면 www.framer.com 에서 "Brave Shields"를 비활성화해 보시는것을 추천드립니다. Framer의 개인정보 보호정책을 참조하세요.
Note: Brave 브라우저는 기본적으로 광고 차단, 추적 방지, 스크립트 차단 등 '개인정보 보호 기능(Brave Shields)'을 자동으로 활성화합니다. 이로 안해 웹사이트의 필수 스크립트나 스타일까지 차단해 버릴 수 있습니다.
검색 엔진 크롤러와의 호환성은?
Framer로 제작한 사이트는 기본적으로 모든 검색 크롤러에 인덱싱 및 크롤링이 가능합니다. 물론 개별 페이지에서 noindex 설정을 하면 제외할 수 있습니다.
개별 페이지에 noindex 적용하는 방법
프레이머 프로젝트를 열기
왼쪽 패널에서 제외할 페이지 선택
상단 Page Settings (페이지 설정) 아이콘 클릭
설정 패널에서 “Show page in search engines” 옵션 비활성화(off) (이 기능을 끄면 프레이머가
<meta name="robots" content="noindex">태그를 자동으로 페이지<head>에 삽입합니다)변경 사항을 저장한 후 사이트를 다시 배포(Publish)
지원되는 대표적인 봇
GoogleBot, GoogleOther (Gemini)
BingBot
GPTBot (OpenAI)
YandexBot
AhrefsBot, PerplexityBot 등
Framer는 Google 크롤러 오류 발생 시 이를 적극적으로 모니터링하고 있습니다. 검색 엔진 최적화를 고려한 웹사이트 제작에도 적합합니다.
본 글은 Framer 공식 문서 ‘Requirements & Browser Support’를 번역·각색한 콘텐츠입니다.
