Framer3 Framer/내용 정리 Chapter 3. Framer CMS : 반복 콘텐츠를 데이터처럼 관리하기 ◾서비스 기획 심화 : Framer로 MVP를 만들고 검증까지 Chapter 1. Framer 기본 : 화면을 그리는 툴이 아니라 웹 구조를 만드는 툴 Framer 개념과 기본 사용법Chapter 2. Framer 스타일과 반응형 : 재사용성/유지보수성 강화컴포넌트 만들기 / 레이아웃 템플릿 활용하기 / 반응형 이해하기 / Breakpoint로 레이아웃 최적화하기Chapter 3. Framer CMS : 반복 콘텐츠를 데이터처럼 관리하기 ▼더보기[게시글 목차]1. CMS 개념 이해하기 2. CMS 컬렉션 생성하기 3. CMS 연결하기 4. 필터링/정렬 기능 추가하기 5. CMS 상세 페이지 연결하기 6. 항목별 스타일과 조건부 렌더링 7. 컬렉션 관계와 필터 UI 만들기 +) 오늘의 인사이트 / KPT .. 2026. 7. 9. Framer/내용 정리 서비스 기획 심화 Chapter 2. Framer 스타일과 반응형 : 재사용성/유지보수성 강화 ◾서비스 기획 심화 : Framer로 MVP를 만들고 검증까지 Chapter 1. Framer 기본 : 화면을 그리는 툴이 아니라 웹 구조를 만드는 툴 Framer 개념과 기본 사용법Chapter 2. Framer 스타일과 반응형 : 재사용성/유지보수성 강화 ▼더보기[게시글 목차]1. 스타일 시스템 이해하기 2. 컴포넌트 만들기 3. 레이아웃 템플릿 활용하기 4. 반응형 이해하기 5. Fluid Layout 실습 6. Breakpoint로 레이아웃 최적화하기 스타일 시스템 이해 및 재사용성에 대하여-귀찮음 이슈를 줄이고 유지보수를 용이하게...! 페이지가 늘어나고 버튼이나 카드 같은 요소가 반복되기 시작하면 이야기가 달라진다.색상 하나, 텍스트 크기 하나를 바꿀 때마다 전부 수작업으로 수정해야 하면 .. 2026. 7. 1. Framer/내용 정리 서비스 기획 심화 Chapter 1. Framer 기본 : 화면을 그리는 툴X, 웹 구조를 만드는 툴 ◾서비스 기획 심화 : Framer로 MVP를 만들고 검증까지 Chapter 1. Framer 기본 : 화면을 그리는 툴이 아니라 웹 구조를 만드는 툴 ▼더보기[게시글 목차]1. Framer는 어떤 도구인가 2. Framer 화면 구조 3. 프로젝트 구조 4. Frame 중심으로 보기 5. Stack 이해하기 6. Grid 이해하기 7. 타이포그래피 8. 링크와 내비게이션 9. 콘텐츠 삽입과 Insert 패널 ◾Framer 활용 장점 +) 오늘의 인사이트/KPT 회고 활동 내역특강) AI로 VOC 분석을 자동화하기(Google Form, Make, OpenAI)아티클 카타) 상위 1% 개발자들의 포트폴리오, 경력 기술서 작성법 오늘의 특강-Framer 개념과 기본 사용법 1. Framer는 어떤 도구인.. 2026. 6. 30. 이전 1 다음 반응형
