[S3U2] Figma 클론

Yeong·2023년 2월 17일
0

Figma

목록 보기
1/2
post-thumbnail

🏷️배너 슬라이스

사진을 먼저 다 이어준후 컴포넌트로 만들어서 프레임에 보일 사진이 나오게 조절한다. 그 다음 조절한 여러개의 컴포넌트를 묶어 컴포넌트 셋해준다. 그다음에 버튼을 만들어주고 연결해준다. 버튼을 미리 만들어서 컴포넌트로 지정하면 나중에 연결이 안된다.

🏷️자동완성

커서의 경우 컴포넌트로 먼저 만들어서 검색창에 넣어준다. 키보드입력처럼 보이게 하는 법은 key/gamepad를 사용한다. 특정 키를 눌렀을 때 상태를 변경해 준다. 연관검색은 검색창의 상태로 만들어 준다

🏷️스마트애니메이션

스마트애니메이션은 이름을 기준으로 판단한다. 만약 default컴포넌트에 없는 이름이라면 같은 도형이라도 새로 생긴 걸로 인식해 같이 움직이지 않고 그냥 바로 나타난다.

마치며..

오늘 거의 대부분의 시간을 사이트 클론하는데 사용했다 완성하고 나니 성취감이 있긴한데 노가다가 너무 많아서 약간 코딩이 그리워진다.. ㅎ 검색창 애니메이션이 되다가 갑자기 안돼서 문제였는데 고정부분을 다 묶어주니 제대로 작동했다. 뿌듯해서 블로그에 올릴려고 gif로 변환도 했다 ㅋㅋ

profile
긍정적으로~✍️(◔◡◔)

0개의 댓글