베이스캠프 로고 이미지

menu-opener icon
  • 암호화폐
  • 리츠 정보
  • 투자
  • ETF
  • 프레이머 강의
728x90
반응형

강의/Framer

[개발자가 알려주는 프레이머(Framer) #2] Stack 컴포넌트 완벽정리

1강에서는 프레임(Frame) 컴포넌트에 대해서 다뤄봤습니다. 프레임 컴포넌트 자체로도 제공하고 있는 기능들이 정말 많고, 다양한 곳에서 활용할 수 있음을 확인했습니다. 이번 포스팅에서 소개드릴 스택(Stack) 컴포넌트도 정말 유용하게 사용할 수 있습니다. 스택(Stack) ? 스택 컴포넌트를 활용하면 프레임을 사용하여 매우 유연하고 자동으로 분산된 레이아웃을 쉽게 만들 수 있습니다. 설명으로는 잘 이해가 안되시죠. CSS의 flex 속성을 활용해서 자동으로 간격이나 위치를 조정해줍니다. 스택 컴포넌트는 프레임을 기반으로하므로 모든 프레임 속성을 지원합니다! 좀 더 쉽게 이해하시려면 "프레임을 좀 더 간편하게 레이아웃을 구성하기 위해서 스택이 존재하는 구나" 라고 생각하시면 될 것 같습니다. 스택에 프..

2020.07.20 게시됨

1
728x90
반응형
테슬라 광고배너

인기글

    반응형

    최근글

      세로형
      Copyright . 베이스캠프 all rights reserved.
      Designed by 베이스캠프
      닫기 아이콘
      사이드 프로필 배경이미지
      블로그 이미지

      남양주개발자

      프론트엔드 개발자

      🏕️ 베이스캠프는 개발을 하기 위한 여러가지 필요한 지식들을 습득하는 것을 도와주는 근거지입니다. 🍺 음주코딩을 좋아합니다. 💻 Vue와 React를 사랑하는 개발자입니다.🤟

      • 베이스캠프 (864)
        • 투자 (431)
          • 삼성전자우 모으기 (36)
          • ETF (16)
          • 후기 (2)
          • 국내주식 (3)
          • 리츠(REITs) (24)
          • 주식용어 (16)
          • 재테크 (9)
          • 암호화폐 (230)
          • 미국 ETF (54)
          • 공모주 (15)
          • 배당 (2)
          • 부동산 (6)
        • 제품 리뷰 (23)
          • IT 제품 (2)
          • 주류 (8)
          • 기타 (1)
          • 자동차 (8)
          • 캠핑 (4)
        • 블로그 (24)
          • 애드센스 수익 (6)
          • 티스토리 팁 (15)
          • 무료 스킨 (1)
          • 기업사이트 개발 (1)
        • 데이터베이스 (5)
          • MySQL (4)
        • 강의 (12)
          • Framer (12)
          • Vue (0)
        • 개발 (252)
          • 타입스크립트 (0)
          • Google Cloud Platform (8)
          • AWS (10)
          • Vue (21)
          • React (5)
          • Next.js (5)
          • Nuxt.js (18)
          • Node.js (7)
          • React Native (10)
          • Javascript (46)
          • HTML5 (10)
          • CSS3 (13)
          • Bootstrap (2)
          • jQuery (15)
          • SASS (4)
          • UI개발 (7)
          • 유틸리티 (12)
          • 기타 (33)
          • Framer (1)
          • Third-party (5)
          • SEO (0)
          • Notion (0)
          • Git (8)
          • 트러블슈팅 (8)
          • Docker (1)
        • 알고리즘 (7)
          • 정렬 (2)
        • Computer science (57)
          • Data Structure (3)
          • 알고리즘 (54)
        • 일상 (38)
          • 컴퓨터 관련 팁 (4)
          • 면접 (1)
          • 생활팁 (31)
          • 캠핑장 (2)
        • 여행 (9)
          • 스페인 (8)
          • 일본 (0)
          • 국내여행 (1)
        • 부동산 (0)
          • 청약 (0)
      Designed by 베이스캠프

      티스토리툴바