오물오물 개발일기

👏 컴포넌트 분리하기 컴포넌트 분리하기에 앞서 Vue는 Vue의 Template문법 + HTML, React는 JSX 문법으로 UI를 작성하게 됩니다. 해당 예제는 Vue : https://github.com/baegofda/blog-vue React: https://github.com/baegofda/blog-react 위의 주소에서 데모와 함께 소스코드 확인이 가능합니다! 1. 컴포넌트 분리하기 (Button) 가장 기본적이면서도 중요한 컴포넌트를 먼저 분리해보도록 하겠습니다. 먼저 버튼(Button) 컴포넌트를 분리합니다. React // Button.jsx import React from "react"; import styled from "styled-components"; const Button..