프론트엔드 개발

본 토픽은 현재 준비중입니다. 공동공부에 참여하시면 완성 되었을 때 알려드립니다.

프론트엔드-개발-1

컴포넌트 개념 이해하기

What is React: A Visual Introduction for Beginners의 Write your first React component를 스크롤링하면서 보고, 아래 구조와 화면의 관계 이해하기

  • Header
    • SearchBar
    • ShoppingCart
  • Main
    • DomoWithHat
      • Domo
      • Hat
  • Footer

컴포넌트 다뤄보기

CodeSandbox - Shapes

Shapes

- Figma

컴포넌트 스타일 맞추기

목표 화면
목표 화면

레이아웃 바꿔보기

수직 - 검색

도형 추가해보기 - 마름모

figma - svg , css transform rotate 이용

  • 봤어요 (0명)

댓글

댓글 본문
버전 관리
김시준
현재 버전
선택 버전
graphittie 자세히 보기