본문 바로가기

전체 글132

101. 버블 debugger (중급) : 디버거 모드 활성화, 워크플로 검사, 요소 검사 디버거는 앱이 사용되는 동안 발생할 수 있는 예상치 못한 동작에 대해서 워크플로의 각 단계나 요소의 세부정보를 면밀히 검사하는 데 유용합니다. 디버거는 주로 다음 두 가지 주요 목적을 수행합니다. Action별로 워크플로를 실행하고 각 단계와 관련된 데이터(예: 검색 결과)를 확인 페이지의 요소를 검사하여 속성, 조건 및 관련 데이터를 확인 디버거에는 버블 편집기에 표시되는 부분이 없지만 개발모드에서 앱을 Preview실행하면 표시됩니다. (1) 디버거 활성화 및 비활성화 실행 모드에서 앱을 보기 위해 Preview(미리 보기)를 클릭하면 디버거가 자동으로 활성화됩니다. 이를 활성화하거나 비활성화하려면 브라우저의 주소창에서 URL parameter를 debug_mode부분을 변경하기만 하면 됩니다. 1... 2023. 8. 28.
100. 앱 테스트와 디버깅 (중급): 테스트와 디버깅 조언, 버블 안전모드 사용 이 섹션에서는 앱 테스트 및 디버깅에 대한 일반적인 조언을 다룹니다. (1) 용어 정의 먼저, 실제 사용자를 위해 앱을 개발할 때 사용되는 용어에 대해 알아보겠습니다. 1. 테스트 애플리케이션의 다양한 단계를 시도하여 예상대로 작동하는지 확인하는 프로세스입니다. 뭔가 만약 문제가 있다면 테스트를 통해 이를 발견할 수 있습니다. 예상하지 못한 동작을 관찰하면 디버깅이 완료됩니다. 문제의 근본 원인을 파악하여 문제를 해결하는 과정입니다. 이 소개 가이드에서는 Bubble이 제공하는 도구를 살펴보기 전에 앱을 테스트하고 디버깅하는 방법에 대한 몇 가지 일반적인 조언을 제공합니다. 2. 개발 환경 및 라이브 환경 모든 Bubble 앱은 개발 및 라이브라는 두 가지 환경으로 구성됩니다. 1) 개발 당신 및 당신의.. 2023. 8. 28.
99. Page SEO (중급) : 동적으로 URL 주소 만들기, slug 설정, meta data 설정 이 섹션에서는 페이지의 SEO 설정과 이러한 설정이 검색 순위에 미치는 영향을 다룹니다. (1) SEO의 3가지 주요 영역 SEO 관점에서 볼 때, 앱의 페이지는 세 가지 중요한 데이터 영역으로 구성됩니다. 1. 페이지URL (웹 주소) 사용자와 검색 엔진 모두에게 해당 페이지의 내용을 알려줍니다. 2. 메타데이터 제목, 설명, 소셜 미디어 이미지 등 페이지에 관한 데이터입니다. 3. 콘텐츠 페이지의 실제 정보, 즉 사용자와 검색 엔진 모두에게 표시되는 디자인, 텍스트, 이미지, 비디오입니다. (2) URL URL은 HTTP 프로토콜의 일부로 인터넷 작동 방식의 큰 부분을 차지합니다. 1. 읽을 수 있는 주소 제공 URL은 사람이 읽을 수 있는 페이지의 "주소"입니다. 이는 검색 엔진에서 콘텐츠를 분리하.. 2023. 8. 26.
98. App SEO (중급) : 버블의 앱 SEO 설정, 크롬 Lighthouse 사용 이 섹션에서는 Bubble이 제공하는 SEO 설정에 관한 기능들을 다룹니다. 기술적 측면의 SEO 시작점은 앱의 SEO세팅입니다. 검색 엔진은 당신의 사이트를 하나의 우산 아래에 있는 페이지들의 모음으로 간주합니다. 당신이 설정한 앱의 SEO 정보는 앱의 정체성에 관한 것보다는(소셜 미디어 공유는 제외, 이에 대해서는 나중에 다루겠습니다) 다음과 같이 검색 엔진에 정보를 어떻게 제공할지에 대한 지침입니다. 크롤링이 가능한 페이지와 크롤링이 불가한 페이지 이동되었으며 다른 URL로 리디렉션 되어야 하는 URL( 301 리디렉션 ) Sitemap(사이트맵) 파일을 읽기 앱의 SEO 설정 중 일부는 상당히 기술적이기 때문에 지금 당장 필요하지 않을 수 있습니다. 여기서는 각 부분의 기본 사항을 다루겠습니다. .. 2023. 8. 25.
97. 일반적인 SEO 설정 (중급) : SEO 개요, 최적화 팁, 모바일 친화적, 고품질 백 링크 이 페이지에서는 SEO가 무엇인지에 대한 일반적인 개요와 SEO설정에 대한 몇 가지 팁을 제공합니다. (1) 내 앱에 SEO가 중요한가요? Bubble은 다양한 애플리케이션을 구축할 수 있는 유연한 플랫폼입니다. 따라서 검색 엔진 최적화에 대한 각 애플리케이션의 요구 사항은 크게 다를 수 있습니다. 어떤 경우에는 중요한 수익원이 될 수 있지만 다른 경우에는 전혀 관련이 없을 수 있니다. 다음은 SEO가 프로젝트와 관련이 있는지 판단하는 데 도움이 되는 세 가지 앱 카테고리를 살펴보겠습니다. 1. 비공개 앱 내부 팀을 위한 프로젝트 관리 도구나 회사 창고를 위한 재고 관리 시스템과 같이 폐쇄된 사용자 그룹이 주로 사용하도록 앱이 설계된 경우 SEO에 전혀 집중할 필요가 없을 수도 있습니다. 사용자는 이미 .. 2023. 8. 25.

티스토리툴바