부트캠프교육중301 [노마드 코더] cleanup function function Hello(){ function byFn(){ console.log("bye :("); } function hiFn(){ console.log("created :)"); return byFn; } useEffect(hiFn, []); return Hello; } hiFn을 한번누르면 created가 console되고 한번 더 누르면 byFn인 bye가 console된다. 2023. 7. 31. Set Set.prototype.size - 요소 개수 확인 const {size} = new Set([1, 2, 3, 4]); console.log(size); // 3 //이거 이해안감 Set.prototype.add - 요소 추가 const set = new Set(); set.add(1); console.log(set); //Set(1) {1} 참고한 블로그 https://ffoorreeuunn.tistory.com/526 2023. 7. 30. [노마드코더] CRA에서 CSS적용하는 새로운방법 노마드코더 강의를 보고 CRA 환경에서 CSS를 적용하는 새로운 방법을 알게되었다. 전체 button에 css를 적용하는게 아니고 내가 원하는 button에만 css를 적용하는 방법 중의 하나이다. 일단 css파일 이름을 Button.module.css로 하고 .btn { background-color: tomato; color: white; } Button 컴포넌트로 가서 import styles from "./Button.module.css"; 이렇게 파일 불러오고 적용하는 방법은 이렇게 하는거다. ; 이렇게 이용하면 css를 컴포넌트처럼 원하는곳에서 사용할수 있다. 2023. 7. 30. [코딩애플]4강 컴포넌트만들기, map사용 # 컴포넌트 만들어보기 import "./App.css"; import { useState } from "react"; import "bootstrap/dist/css/bootstrap.min.css"; import { Navbar, Container, Nav } from "react-bootstrap"; import data from "./data"; function App() { let [shoes] = useState(data); return ( ShoeShop Home Cart {shoes[1].title} {shoes[1].price} {shoes[2].title} {shoes[2].price} ); } function Card(props) { return ( {props.shoes[0].tit.. 2023. 6. 22. 이전 1 ··· 17 18 19 20 21 22 23 ··· 76 다음