React(27)
-
[React] rest api / swr / react-query
보호되어 있는 글입니다.
2024.05.13 -
next (next-redux-wrapper)
보호되어 있는 글입니다.
2023.08.15 -
[Next] _app.ts 파일 앞에 언더바가 붙는 이유
보호되어 있는 글입니다.
2023.07.27 -
useReducer
1. 추가 // App.js import './App.css'; import {useReducer, useState} from "react"; import Student from "./Student"; const reducer = (state, action) => { switch (action.type) { case 'add-student': const newStudent = { id: Date.now(), name: action.payload.name, isHere: false } return { count: state.count + 1, students: [...state.students, newStudent] } case 'delete-student' : { return } default: retu..
2023.03.24 -
[React] 페이지 구현 - 일기 상세 (/diary)
보호되어 있는 글입니다.
2022.12.07 -
[React] 페이지 구현-일기 수정(/edit)
보호되어 있는 글입니다.
2022.12.05 -
[React] 페이지 구현 - 일기 쓰기 (/new)
보호되어 있는 글입니다.
2022.12.01 -
[React] 페이지 구현-홈(/)
보호되어 있는 글입니다.
2022.11.25 -
프로젝트 기초공사2
보호되어 있는 글입니다.
2022.11.24 -
[React] 프로젝트 기초공사1
보호되어 있는 글입니다.
2022.11.24 -
[React] 페이지 라우팅2 - React Router 응용
보호되어 있는 글입니다.
2022.11.24 -
[React] 페이지 라우팅1 - React Router 기본
보호되어 있는 글입니다.
2022.11.21 -
[React] useReducer - 복잡한 상태 관리 로직 분리하기
보호되어 있는 글입니다.
2022.08.12 -
[React] useCallback
보호되어 있는 글입니다.
2022.08.10 -
[React] 최적화1 - useMemo : 함수의 결과값을 memorized
1. 불필요하게 자꾸 호출되는 문제 발생 // 감정분석 const getDiaryAnalysis = () => { console.log('감정분석') const goodCount = data.filter((item) => item.emotion >= 3).length; const badCount = data.length - goodCount; const goodRatio = (goodCount / data.length) * 100; return { goodCount, badCount, goodRatio } } const { goodCount, badCount, goodRatio } = getDiaryAnalysis(); 감정을 계산하는 함수를 만들었는데, 우리가 일기를 수정할 때 마다 콘솔에 계속 찍히게..
2022.08.04