나만의 블로그(https://lovable.dev/)

출처:

 

 

• AI 기술의 발전으로 비개발자도 손쉽게 블로그를 만들 수 있는 환경이 조성되었다.
• 다양한 플랫폼에서 블로그를 시작할 수 있지만, 개인 블로그의 필요성이 대두되고 있다.
• AI를 활용하면 코드 작성 없이도 원하는 형태의 블로그를 구축할 수 있다.

블로그의 장점과 단점

• 개인 블로그는 완전한 커스터마이징이 가능하여 자유롭게 디자인할 수 있다.
• 광고 없는 깨끗한 블로그를 원할 경우, 개인 블로그가 적합하다.
• 단점으로는 초기 설정 과정이 복잡할 수 있으며, 유지보수 비용이 발생할 수 있다.

러버블 툴 소개

러버블의 기본 기능

• 러버블은 자연어로 코딩을 할 수 있는 툴로, 초보자도 쉽게 접근할 수 있다.
• 다양한 웹 서비스와 랜딩 페이지를 만들 수 있는 기능을 제공한다.
• 슈퍼베이스와 연동하여 데이터베이스 관리가 용이하다.

러버블의 장점

• 초보자도 진입 장벽 없이 시작할 수 있으며, 반응형 웹 디자인이 가능하다.
• 유지보수와 확장성이 뛰어나며, 코드 수정이 간편하다.
• 비용적으로도 저렴하여 개인 블로그를 운영하기에 적합하다.

블로그 구축 과정

블로그의 기본 구조 설계

• 블로그의 기본 구조를 설계하고, 필요한 페이지를 정의한다.
• 홈 페이지, 카테고리 페이지, 포스트 작성 페이지 등을 포함한다.
• 각 페이지의 디자인과 기능을 세부적으로 설정한다.

포스트 작성 및 관리

• 어드민 페이지를 통해 글을 작성하고 관리할 수 있는 기능을 구현한다.
• 슈퍼베이스를 활용하여 작성된 글이 데이터베이스에 저장되도록 설정한다.
• 이미지 업로드 기능을 추가하여 포스트에 시각적 요소를 강화한다.

블로그 디자인 및 기능 개선

디자인 요소 조정

• 헤더와 푸터의 디자인을 개선하여 사용자 경험을 향상시킨다.
• 카테고리별로 구분된 섹션을 추가하여 정보 접근성을 높인다.
• 버튼의 디자인과 호버 효과를 조정하여 시각적 효과를 강화한다.

기능 추가 및 최적화

• 글 수정 및 삭제 기능을 추가하여 관리의 편리함을 더한다.
• 대시보드 페이지를 통해 작성된 글의 통계를 확인할 수 있는 기능을 구현한다.
• 이미지 삽입 기능을 통해 포스트 내에서 다양한 시각적 요소를 활용할 수 있도록 한다.