작업/React(18)
-
(시험용) 21.10.16 4주차 복습 - 10.14일차
10.14 State Hook, Effect Hook, Hook과 같은 기능 클래스, State 변수 선언 [실습1] React Hook 만들기 [실습2] 나만의 Hook 만들기 [실습3] 메세지 출력 오늘의 점심메뉴는? [실습4] 메세지 변경 오늘의 점심메뉴는? -> 바로바로 삼겹살 고추장 구이 [실습5] Hook과 같은 기능을 하는 Class형 컴포넌트 [실습6] State 변수 선언하기 - const [person,setPerson]=useState([]); 쉬운 거라 넘김 [실습7] useReducer로 API 다루기 ( 다시 불러오기 클릭 시 : 로딩중... )
2021.10.16 -
(시험용) 21.10.16 4주차 복습 - 10.13일차
10.13 01 종합 실습/유용한 팁들 [실습1] Form 개발하기 [실습2] 리스트 표현하기 [실습3] 유연하게 State 변경하기(삭제 가능) [실습4] CSS로 꾸미기(삭제 가능) [실습5] 부가 기능 (완료시 예쁜 밑줄, 최대 목록 제한) 10.13 02 SPA와 라우팅 [실습1] 프로젝트 구조 세팅 UserLogin.jsx [실습 2, 3] 회원가입, 유저 정보 페이지 추가 UserLogin.jsx [실습 4] 페이지 레이아웃 적용 [실습5]
2021.10.16 -
21.10.16 useParams란?
useParams는 URL 인자들의 key/value(키/값) 짝들의 객체를 반환한다. 현재 의 match.params에 접근하기 위해 사용한다. (출처 : https://explain-programming.tistory.com/6)
2021.10.16 -
21.10.16 useEffect란?
(출처: https://ko-de-dev-green.tistory.com/18)
2021.10.16 -
(완료)21.10.15 리엑트 CRUD 문제집1 - 다음 화면을 보고 코드를 만드시오
1번 첫번째 커밋 정답 더보기 //index.js import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; ReactDOM.render( , document.querySelector('#root') ); // If you want to start measuring performance in your app, pass a function // to log results (for example: reportWebVitals(console.log)) // or send to an analy..
2021.10.15 -
21.10.13 4주차 리엑트 - Welcome Homepage와 Login page만들기 로그인 페이지 예제
import React, { useRef } from "react"; import { useHistory } from "react-router-dom"; export default function LoginForm() { const history = useHistory(); const emailRef = useRef(); const passwordRef = useRef(); const submitForm = (e) => { e.preventDefault(); const email = emailRef.current.value; const password = passwordRef.current.value; // DetailPage로 이동하는 코드를 작성하세요. history.push(`/detail?emai..
2021.10.13