Framer로 돋보이는 포트폴리오 웹사이트 구축하기 — LearnFlat
4.8 (12) ⏱ 2시간 54분 📚 29개 레슨 🎧 오디오 버전

Framer로 돋보이는 포트폴리오 웹사이트 구축하기

Framer의 노코드 도구와 AI 기능을 사용하여 전문적이고 반응형인 포트폴리오를 디자인하고 출시하여 창의적인 작업을 선보이세요.

  • 💬 AI 강사
    어떤 강의든 질문하면 언제든 즉시 명확한 답을 받을 수 있어요.
  • 🕐 언제든지 시작
    정해진 일정이나 마감이 없어요 — 원할 때 자신의 속도로 배우세요.
  • 🌐 한국어로
    강의, 과제, 수료증까지 — 모두 완전히 당신의 언어로.

이 과정 소개

기술을 제대로 보여주는 포트폴리오를 만들고 싶지만 코딩에 얽매이고 싶지 않으신가요? 이 과정은 강력한 노코드 플랫폼인 Framer를 사용하여 처음부터 끝까지 완전한 전문 웹사이트를 구축하는 방법을 안내합니다. 아름다운 레이아웃을 디자인하고, 모든 장치에 완벽하게 반응하도록 사이트를 만들고, Framer의 내장 AI 도구를 활용하여 워크플로우를 가속화하는 방법을 배우게 됩니다. 과정이 끝나면 잠재 고객 및 고용주와 공유할 준비가 된 세련된 라이브 포트폴리오를 갖게 될 것입니다. 배울 내용: - 페이지, 프레임, 컴포넌트를 포함한 Framer 인터페이스의 기본 사항을 마스터합니다. - 데스크톱, 태블릿, 모바일 화면에 완벽하게 적응하는 반응형 레이아웃을 디자인하고 구조화합니다. - Framer의 AI를 활용하여 효과적인 문구를 생성하고 콘텐츠 제작 프로세스를 간소화합니다. - 매력적인 사용자 경험을 만들기 위해 애니메이션 및 인터랙티브 효과를 구현합니다. - Framer의 내장 콘텐츠 관리 시스템(CMS)을 사용하여 프로젝트 사례 연구를 쉽게 관리합니다. - 사이트 설정을 구성하고 완성된 포트폴리오를 웹에 게시합니다. 이 과정은 Framer 내의 핵심 디자인 개념부터 시작하여 섹션별로 사이트를 구축하면서 기술을 점진적으로 향상시키고, 최종적으로 완성되고 게시 가능한 웹사이트를 완성합니다. 이 과정은 완전 초보자를 위해 설계되었습니다. 시작하는 데 웹 디자인, 코딩 또는 Framer에 대한 사전 경험이 필요하지 않습니다. 지금 등록하고 여러분의 작업에 걸맞은 포트폴리오를 구축하세요.

받게 되는 것

  • 📜 수료증
    LinkedIn 프로필에 추가
  • 💬 개인 AI 튜터
    강좌에서 막혔나요? 내장 튜터에게 언제든지 무엇이든 물어보세요.
  • 🎧 오디오 버전 포함
    화면 없이 어디서나 학습
  • ♾️ 평생 이용
    언제든 다시 보세요, 만료 없음
  • 📱 휴대폰 또는 컴퓨터
    어디서든 모든 기기에서
  • 💸 14일 환불
    이유 묻지 않음
  • 짧고 핵심적
    2시간 54분의 실용 학습

리뷰 (12)

Mariana Almeida PT
★ 5 · 15.07.2026

Eu não sabia nada de Framer antes de começar e em poucas aulas já estava montando as primeiras seções do meu portfólio. O curso explica bem os conceitos de responsividade, algo que sempre me deu trabalho em outras ferramentas. Terminei com um site publicado que uso até hoje para mostrar meus projetos para clientes.

Gabriel Leroy FR 인증된 학습자
★ 5 · 15.07.2026

J'avais essayé plusieurs fois de me faire un site portfolio et j'abandonnais toujours à cause du code. Ce cours prend Framer depuis zéro et montre comment structurer les sections, gérer les animations et surtout rendre le site responsive sans y passer des nuits. Le rythme est agréable, ni trop lent ni trop rapide, et chaque exercice s'appuie sur ce qui vient d'être vu. J'ai particulièrement aimé la partie sur les interactions au scroll, un détail qui change tout niveau rendu final. En une dizaine de jours j'ai publié mon propre site et j'ai enfin quelque chose de présentable à montrer à des clients. C'est exactement ce qu'il fallait pour quelqu'un comme moi, designer freelance sans aucune compétence en développement.

Evelina Mavromatis GR
★ 5 · 11.07.2026

Finally built a portfolio I'm proud of.

Ethan Pelletier CA 인증된 학습자
★ 5 · 10.07.2026

I'd put off building a portfolio site for months because every tutorial I found assumed you already knew how to code. This course walks through Framer piece by piece, starting with basic layout and building up to full responsive breakpoints, and it never feels rushed. What stood out was the section on scroll-based animations, small touches that made my site feel a lot more polished than I expected. The instructor explains the reasoning behind design choices instead of just clicking through menus, which made it easier to adapt things to my own style later. By the end I had a live site with a custom domain that actually looks like something a studio would put out, not a generic template. If you're a designer who's been avoiding no-code tools out of skepticism, this changed my mind.

Phan Thị Mai VN 인증된 학습자
★ 5 · 05.07.2026

Học xong là làm được portfolio ngay.

Ahmed Hassan KE
★ 5 · 01.07.2026

I've bounced off Framer a couple of times before this course because the interface felt overwhelming. Breaking it down section by section made it click, especially the part on setting up variants for responsive layouts. Two weekends later I had a portfolio live that actually reflects how I want my work to be seen.

Emma Weber DE
★ 5 · 28.06.2026

Ich wollte schon lange ein eigenes Portfolio haben, aber klassisches Coding hat mich immer abgeschreckt. Der Kurs erklärt Framer von Grund auf, Schritt für Schritt, und man merkt sofort, wie viel man ohne eine Zeile Code hinbekommt. Besonders gut fand ich den Teil über responsive Design, weil die Übergänge zwischen Desktop und Mobile am Anfang echt frustrierend waren. Der Dozent erklärt ruhig und wiederholt wichtige Punkte, ohne dabei langweilig zu werden. Nach zwei Wochen hatte ich eine Seite online, die tatsächlich professionell aussieht und nicht wie ein Baukasten-Template. Für alle, die im Kreativbereich arbeiten und keine Lust auf klassische Webentwicklung haben, ist das genau richtig.

Camila Fernández PE 인증된 학습자
★ 4 · 19.06.2026

Buen curso, el ritmo es algo rápido.

Samuel Vargas CO 인증된 학습자
★ 4 · 18.06.2026

Framer में रिस्पॉन्सिव पोर्टफोलियो बनाना आसान लगा, बस एनिमेशन वाले हिस्से में थोड़ा और विस्तार चाहिए था।

Marco Rossi IT 인증된 학습자
★ 5 · 17.06.2026

Framer finalmente ha senso, portfolio fatto!

Andrés Morales PA 인증된 학습자
★ 5 · 16.06.2026

मुझे कोडिंग का कोई अनुभव नहीं था फिर भी इस कोर्स को फॉलो करके मैंने अपनी पहली पोर्टफोलियो वेबसाइट बना ली। Framer के टूल्स को बहुत आसान तरीके से समझाया गया है, खासकर रिस्पॉन्सिव डिज़ाइन वाला हिस्सा बहुत काम आया। अब मेरी साइट लाइव है और मैं उसे क्लाइंट्स को दिखाते हुए काफी कॉन्फिडेंट महसूस करता हूं।

Davide Lombardi IT 인증된 학습자
★ 5 · 07.06.2026

Corso chiaro e ben strutturato, in pochi giorni sono passato da zero conoscenze di Framer a un portfolio online che uso davvero per lavoro.

리뷰 쓰기

보낸 뒤 로그인을 안내합니다 — 임시저장됩니다.

다른 학습자도 수강

자주 묻는 질문

이 과정을 듣는 데 무엇이 필요한가요? +

인터넷이 되는 휴대폰이나 컴퓨터만 있으면 됩니다. 설치나 특별한 장비는 필요 없습니다.

결제는 어떻게 하나요? +

Stripe를 통한 카드로. 카드 정보는 저장하지 않으며 Stripe가 안전하게 처리합니다.

환불받을 수 있나요? +

네 — 14일 이내 전액 환불, 이유를 묻지 않습니다.

얼마나 오래 이용할 수 있나요? +

평생. 구매하면 과정은 당신의 것이며 언제든 다시 볼 수 있습니다.

수료증을 받을 수 있나요? +

네. 수료 시 LinkedIn 프로필에 추가할 수 있는 수료증을 받습니다.

이런 분야 학습자에게
테크 디자인 금융 마케팅 의료 교육 호스피탈리티 제조업