프론트엔드 개발자. 기록하기, 요가, 등산
태그 목록
- 전체보기(109)
- 주간점검(23)
- JavaScript(14)
- TIL(8)
- react.js(6)
- 토이프로젝트(6)
- Azure(4)
- 클라우드(4)
- React(4)
- FE면접대비(4)
- d3.js(3)
- 월간점검(3)
- 데이터 시각화(3)
- TOAST UI(2)
- django(2)
- React Hooks(2)
- 토이 프로젝트(2)
- figma(2)
- 번역(2)
- svg(2)
- graphql(2)
- 알고리즘(2)
- ES6(2)
- AZ-900(2)
- Firebase(2)
- 사이드프로젝트(2)
- Portal(1)
- ㅃㄷ(1)
- redux thunk(1)
- redux saga(1)
- restful api(1)
- 초미니 프로젝트(1)
- 호이스팅(1)
- three.js(1)
- IT Blog(1)
- memoization(1)
- yarn(1)
- 2022 첫 주간점검 ㅠ.ㅠ(1)
- 블로그 추천(1)
- 삐걱삐걱(1)
- 마이크로프론트엔드(1)
- router(1)
- PaaS(1)
- 퍼블리싱(1)
- 2주점검(1)
- es2015(1)
- 연간점검(1)
- git stash(1)
- 오랜만의 점검(1)
- 오픈소스(1)
- svg애니메이션(1)
- 포트폴리오(1)
- tailwind(1)
- Service Worker(1)
- javascript tutorial(1)
- 프론트엔드 포트폴리오(1)
- 실무에서 Git 활용하기(1)
- this week i learned(1)
- ie(1)
- mongodb(1)
- API 모킹(1)
- 구글블로거(1)
- 계속 업데이트중..(1)
- 스타일 가이드(1)
- 데이터베이스(1)
- this(1)
- 타입정의 자동화(1)
- design(1)
- 크로스 브라우징(1)
- CSS(1)
- 뇌과학(1)
- 조금 이른(1)
- MSW(1)
- Browser API(1)
- 협업(1)
- tailwindCSS(1)
- 영한번역(1)
- 데이터모델링(1)
- ecmascript2015(1)
- 기술블로그(1)
- nosql(1)
- Swagger(1)
- 디자인 패턴(1)
- 스타일가이드(1)
- 웹서비스 기획(1)
- 이번엔 좀 늦었다 ㅎㅎ(1)
- AdMob(1)
- devops(1)
- WebGL(1)
- redux(1)
- swagger-typescript-api(1)
- 3D(1)
- 별 거 없음(1)
- CSS Framework(1)
- 코딩컨벤션(1)
- 서평(1)
- git(1)
- Apollo client(1)
- animation(1)
- nextjs(1)
- front end(1)
- 마이크로프론트엔드 단점(1)
- firestore(1)
- figma svg(1)
- blogger(1)
- 오픈소스에 기여하기(1)
- Toss 개발자 컨퍼런스(1)
- npm(1)
전체보기 (109)주간점검(23)JavaScript(14)TIL(8)react.js(6)토이프로젝트(6)Azure(4)클라우드(4)React(4)FE면접대비(4)d3.js(3)월간점검(3)데이터 시각화(3)TOAST UI(2)django(2)React Hooks(2)토이 프로젝트(2)figma(2)번역(2)svg(2)graphql(2)알고리즘(2)ES6(2)AZ-900(2)Firebase(2)사이드프로젝트(2)Portal(1)ㅃㄷ(1)redux thunk(1)redux saga(1)restful api(1)초미니 프로젝트(1)호이스팅(1)three.js(1)IT Blog(1)memoization(1)yarn(1)2022 첫 주간점검 ㅠ.ㅠ(1)블로그 추천(1)삐걱삐걱(1)마이크로프론트엔드(1)router(1)PaaS(1)퍼블리싱(1)2주점검(1)es2015(1)연간점검(1)git stash(1)오랜만의 점검(1)오픈소스(1)svg애니메이션(1)포트폴리오(1)tailwind(1)Service Worker(1)javascript tutorial(1)프론트엔드 포트폴리오(1)실무에서 Git 활용하기(1)this week i learned(1)ie(1)mongodb(1)API 모킹(1)구글블로거(1)계속 업데이트중..(1)스타일 가이드(1)데이터베이스(1)this(1)타입정의 자동화(1)design(1)크로스 브라우징(1)CSS(1)뇌과학(1)조금 이른(1)MSW(1)Browser API(1)협업(1)tailwindCSS(1)영한번역(1)데이터모델링(1)ecmascript2015(1)기술블로그(1)nosql(1)Swagger(1)디자인 패턴(1)스타일가이드(1)웹서비스 기획(1)이번엔 좀 늦었다 ㅎㅎ(1)AdMob(1)devops(1)WebGL(1)redux(1)swagger-typescript-api(1)3D(1)별 거 없음(1)CSS Framework(1)코딩컨벤션(1)서평(1)git(1)Apollo client(1)animation(1)nextjs(1)front end(1)마이크로프론트엔드 단점(1)firestore(1)figma svg(1)blogger(1)오픈소스에 기여하기(1)Toss 개발자 컨퍼런스(1)npm(1)
피그마로 SVG 파일 추출하기(id 값 자동생성) Exporting SVG files in Figma
벡터 이미지를 SVG로 추출할 때 Figma가 정말정말정말 유용하다.특히 이미지의 요소들을 따로 따로 애니메이션으로 조작해야 할 때, 피그마에서 미리 그룹을 지어서 내보내서 그룹별로 ID를 가져와서 사용하면 되니 아주아주 간편하다. (파일 추출시 "Include ID
2020년 7월 12일
·
1개의 댓글·
5
왕초보도 가능한 SVG 애니메이션 만들기 feat. Figma(무료)
svg를 다룰 줄 알게되면 별별 신기한 효과를 낼 수가 있다. https://www.stellaachenbach.com/ (우측 하단에 눈동자모양에 마우스를 올려보세요👀)그치만 코드로 그림을 표현한다는 것에 대한 심적 부담감이 크다면 Figma를 통해서 한번
2020년 6월 20일
·
9개의 댓글·
34