기억보다 기록

  • 홈
  • 태그
  • 방명록

useEffect 1

[음악 관리 프로그램] 메인 페이지 업데이트 (useEffect)

메인 페이지에는 모든 음악 데이터를 전송받는 함수가 실행되고 있었고 데이터가 추가되고 삭제되었을 때 메인 페이지의 업데이트가 필요했다. /*...*/ useEffect(() => { retrieveMusics(); }, []) /*....*/ const retrieveMusics = () => { //모든 데이터를 전송받는다. MusicDataService.getAll() .then(res => { setMusics(res.data); }) .catch(e => { console.log(e) }) } 1. 두 번째 파라미터에 실질적인 음악 데이터가 들어가게 되는 musics 객체를 의존값으로 설정한다. 무슨 이유에서인지 무한 루프가 발생했다. musics는 음악 데이터를 다루는 state이고 변경이 있을..

개발일지/React 2020.09.19
이전
1
다음
더보기
프로필사진

기억보다 기록

안녕하세요. 2년차 프론트 엔드 개발자 오현재입니다.

  • 분류 전체보기 (33)
    • 개발일지 (14)
      • Vanilla JS (4)
      • React (8)
      • Vue JS (2)
      • Next JS (0)
    • 포토샵 (1)
    • Material-ui design (1)
    • 노마드코더 강의 (8)
      • 코코아 클론 (8)
    • TIL (7)

Tag

CORS, Vue, vetur, styled components, styled-components, material-ui, plugin, Glamorous, js, Vanilla JS, React, 노마드 코더, 음악 관리 프로그램, 에러, CSS-in-JS, 에러 해결, table, 노마드, JSS, useEffect,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바