본문 바로가기
computer/Computer common sense

Framer 도전 (프레이머 포트폴리오 만들기)

by Pstor 2021. 11. 14.

예전에 만들어둔 개인적인 포트폴리오 사이트를 바꾸고 싶은데 시간은 없고 사망년이라 시간은 없는데 바꾸고는 싶고 많은 고민과 생각이 있었는데 우연히도 발견한 게 프레이머이다. 프레이머를 모를 때는 기존 사이트 (HTML + JS + CSS)로 만들어 둔 걸 뜯어 고칠 생각이었는데 뭔가 새로운 기술을 쓰고 싶어서 Flask 아니면 장고를 사용할 예정이었는데 프레이머를 알아서 프레이머를 사용해 보려고 합니다. (사실 뭔가 보자마자 쓰고 싶고 무엇보다 디자인하기가 쉽게 예쁨….)

문득 시작하려고 하는데 생각보다 많은 사람이 모르는 거 같고 정보가 많지 않았다. 프레이머는 네덜란드 암스테르담의 소프트웨어 회사이며 Framer 애니메이션, 페이징 및 인터페이스 흐름을 재사용 컴포넌트를 제공하는 라이브러리며 쉽게 구현 할 수 있는 프로그램입니다.


시작은 정말 간단하며 간단한 정보만 입력하고 가입하면 됩니다.



다음과 같이 메일이 온 것을 확인할 수 있습니다.


개인이 아니라 팀원들과 함께 제작도 가능합니다.


간단한 튜토리얼도 해주니 크게 어려움은 없고 일단 제작 자체가 쉬우니 부담 없이 시작해도 괜찮을 거 같습니다.



참고로 Web, macOS, Windows, iOS, Android에서 제작이 가능하며 거의 모든 플랫폼을 지원한다고 봐야 합니다.


필요한 기술 : Jsx, React, Typescript


Site : https://www.framer.com/fp/

 

Framer: A Free Interactive Design Tool for Teams

It’s interactive design made simple—no code required, browser-based, and free for everyone.

www.framer.com

https://www.framer.com/blog/posts/react-portfolio/?utm_source=twitter&utm_medium=post_promo&utm_campaign=FR-owned-react-portfolio 

 

반응형