Coding/React2 React _ ToDoList 만들어보기(2) - 중간점검 여태까지 만든 코드들을 하나씩 뜯어보겠습니다. //App.js import { useState } from "react"; import styled from "styled-components"; import Box from "./box"; const Styled = { wrap: styled.div` width: 400px; height: 500px; display: flex; flex-direction: column; //(1) justify-content: flex-start; align-items: center; background-color: #49F48C; `, }; function App() { const deleteHandler = (i) => { var temp = [...workArray.. 2021. 3. 15. React _ ToDoList 만들어보기(1) - React 및 Javascript 기초 Import / Export 특정 js 파일을 export 하고 싶을때는 이렇게 씁니다. const Box1 = () => { return (); }; const Box2 = () => { return (); }; export default Box1; //Box1 하나만 export export {Box1, Box2}; //Box1,Box2 둘 다 export 이는 js 파일에서 다시 import 할때도 살짝 다릅니다. import Box1 from "./box"; // box.js 에서 export를 Box1 하나 한 경우 import {Box1,Box2} from "./box"; // box.js 에서 export를 두 개 이상 한 경우 import * from '.box.js'; //box.js 에.. 2021. 3. 15. 이전 1 다음
