오물오물 개발일기

👏 컴포넌트 사용하기 ! 먼저 import와 state선언을 알아보겠습니다. 해당 예제는 Vue : https://github.com/baegofda/blog-vue React: https://github.com/baegofda/blog-react 위의 주소에서 데모와 함께 소스코드 확인이 가능합니다 ! 1. import 먼저 전체 컨테이너가 될 Todos라는 페이지 컴포넌트를 임포트하는 방법입니다. React React 프로젝트의 App.js에 import는 아래와 같이 파일 상단에 import를 합니다. // App.js import Todos from "./pages/Todos"; function App() { return ; } export default App; Vue Vue 프로젝트의 App...

👏 TODO 예제 시작 ! 이번 포스팅부터는 아래의 간단한 TODO의 코드를보며 Vue에 대해 알아가볼 예정입니다. #간단주의 해당 예제는 Vue : https://github.com/baegofda/blog-vue React: https://github.com/baegofda/blog-react 위의 주소에서 데모와 함께 소스코드 확인이 가능합니다 ! 👀 특징 먼저 React와 Vue 코드의 차이점들을 간단하게 코드의 형태로 알아보겠습니다. React의 통상적인 형태는 아래와 같습니다. import React, { useRef, useState } from "react"; import styled from "styled-components"; import Button from "../components..