환경 : Visual Studio Code - Ex04.js import { useCallback, useState } from "react"; import Jumbotron from "./Jumbotron"; function Ex04() { //state const [nations, setNations] = useState([ {no:1, name:"한국", capital:"서울"}, {no:2, name:"미국", capital:"워싱턴"}, {no:3, name:"일본", capital:"도쿄"}, {no:4, name:"중국", capital:"베이징"}, {no:5, name:"영국", capital:"런던"}, {no:6, name:"프랑스", capital:"파리"}, {no:7, name:..

환경 : Visual Studio Code - Ex03.js import { useState } from "react"; import Jumbotron from "./Jumbotron"; function Ex03(){ const [items, setItems] = useState( [ {itemNo:1, itemName:"참이슬", itemPrice:1200}, {itemNo:2, itemName:"처음처럼", itemPrice:1500}, {itemNo:3, itemName:"새로", itemPrice:1700}, {itemNo:4, itemName:"좋은데이", itemPrice:1000}, {itemNo:5, itemName:"청하", itemPrice:2200} ] ); //전체 삭제란 비어있는 ..

환경 : Visual Studio Code [ 주요 코드 ] (+) .length를 활용하여 길이를 출력한다 (+) 정규표현식에서는 객체를 슬래시(/)로 감싸서 생성한다 (+) 정규표현식과 일치하는지 테스트는 test() 메소드를 사용한다. [ 전체 코드 ] 입력 이벤트 개인 공부 기록용입니다:)

환경 : Visual Studio Code 1) 먼저 프로젝트 생성 및 부트 스트랩 설치 npm create-react-app demo05 --skip-git cd demo05 npm i bootstrap npm i bootswatch npm start 2) index.js 파일에 임포트 추가 - 추가한 코드 //bootstrap import "bootstrap/dist/css/bootstrap.min.css"; import "bootswatch/dist/cosmo/bootstrap.min.css"; import './index.css'; //위치 변경 - index.js 전체 코드 import React from 'react'; import ReactDOM from 'react-dom/client'; ..

환경 : Visual Studio Code [ 스타일 속성으로 폭, 너비를 주었을 경우의 전체 코드 ] 이미지 크기 조절 작게 보통 크게 [ 속성으로 폭, 너비를 주었을 때의 전체 코드 ] 이미지 크기 조절 작게 보통 크게 개인 공부 기록용입니다:)

환경 : Visual Studio Code - 버튼을 활용하여 글자 크기를 조절해보자 [1] 작게 / 보통 / 크게 버튼으로 조절 폰트 크기 조절하기 작게 보통 크게 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap ..