11/18 이슈 import { useState, useEffect } from "react"; import { Link } from "react-router-dom"; import React from "react"; import axios from "axios"; function TestPage() { const [progress, setProgress] = useState(0); const [saveData, setSaveData] = useState([]); const [userAnswer, setUserAnswer] = useState(); const [totalAnswer, setTotalAnswer] = useState([]); const [totalScore, setTotalScore] = ..

useEffect 설명글 https://eunhee-programming.tistory.com/197?category=1220652 (React) 리액트 useEffect 사용법 (React) 리액트 useEffect 사용법 * 이 포스팅은 "리액트를 다루는 기술"책 & 생활코딩님의 강의를 보고 복습겸 정리한 포스팅 입니다. 클래스형 컴포넌트에서는 라이프사이클을 사용하지만, 함수 eunhee-programming.tistory.com localStorage 설명글 https://shyunju7.tistory.com/37 [React] 17. localStorage와 sessionStorage 사용해보기 오늘은 브라우저 상에서 데이터를 저장할 수 있는 webStorage에 대해 공부해보려고 합니다. 보통은..

Link 태그인데 버튼처럼 꾸미기. Link 태그는 a태그로 인식되나봄! fetch 와 PUT을 이용해 다른 페이지 갔다와도 데이터 그대로 보존하기 fetch PUT 으로 올라가있는 데이터 수정하기 // checkbox를 누르면 외운 단어는 isDone이 될 뿐더러 // 다른 페이지에 갔다가 와도 유지가 된다. PUT과 POST 차이

컴포넌트 만들기 CSS 적용방법 1 inline 스타일, style={{}} 안에 camelCase로 작성 2 index.css나 app.css활용 index.css는 전체에 적용 app.css는 App 컴포넌트에 적용되는 것 같아보이나, 사실 아닐수도 있음. Hello.css를 보자 같은 className을 쓰면 이렇게 덮어씌어지는 것을 방지하기 위해 .module.css 사용 import styles from "./Hello.module.css"; className='box' 가 아니라 {style.box} 동일한 이름으로 작성해도 다른 class 이름 해시값이 부여된다. 이벤트 state, useState props (=read only) console.log(props); //props는 객체로 ..

실습1 CSS grid 사용 실습 2 페이지네이션1 실습 3 페이지네이션 2 실습 4 API Response와 UI 연동하기