Blog Post

Post Gallery

Post List

Table

[C++] 1. C++ 개요, 환경 구축 및 기초 제어문

[Spring AI/RAG] 3. Backend MySQL→PostgreSQL 마이그레이션

[Spring AI/RAG] 2. PostgreSQL + pgvector를 통한 Vector Database 환경 구축

[Spring AI/RAG] 1. AI 서비스 고도화 개요와 핵심 용어 정리 (feat. LLM 활용 도슨트 사례)

[React+vite] 1. 프로젝트 개발 환경 구축과 핵심 용어 정리

[AI딥페이크] 6. 딥페이크 탐지 프로젝트(2) - Inference API + Frontend + Backend → Docker 애플리케이션 통합

[AI딥페이크] 5. 딥페이크 탐지 프로젝트(1) - AI 모델 학습

[AI딥페이크] 4. 백엔드 프로그래밍 언어 및 개발 환경 구축 (NestJS)

[AI딥페이크] 3. 프론트엔드 프로그래밍 언어 및 개발 환경 구축 (React)

[AI딥페이크] ２. 스마트시티 산업과 AI

[AI딥페이크] 1. AI 및 스마트시티

1,2,3 장에서의 실습과 설명은 비전공, 웹개발 경험이 없는 대상을 위해 안내했지만, 이 과정도 다소 어렵게 느껴질 수 있는 왕초보들을 위한 AI 활용 방법이다.
1. AI에게 구성 만들도록 하기
•Framer 홈페이지에서 Start with AI 선택
•프로젝트 소개 페이지므로 Landing Page 선택 및 전송
•알아서 에디터가 열리면서, 기본 레이아웃을 AI가 작성한다. 
•왼쪽 Ask Framer… 에서 원하는 것을 입력해보려고 한다. 
•실시간으로 AI가 페이지를 변경하기 시작한다.