인강 & 책 스터디 노트/Udemy 리액트 완벽 가이드 20243 React에서 useState로 상태 업데이트시 콜백 함수 방식을 사용해야 하는 이유 늘상 사용하던 코드에 대해 의문을 갖지 않다가 인강을 들으며 왜 이렇게 사용해야 하는지 이해하고 있습니다. 오늘은 리액트에서 useState를 사용하여 상태 업데이트를 할 때 왜 콜백함수인 (prevUserInput) => { ... } 와 같은 형태로 써야 하는지에 대해 포스팅 하겠습니다. 우선 오늘 배운 코드는 아래와 같습니다. import { useState } from "react";export default function UserInput() { const [userInput, setUserInput] = useState({ initialInvestment: 10000, annulInvestment: 1200, expectedReturn: 6, duration: 1.. 인강 & 책 스터디 노트/Udemy 리액트 완벽 가이드 2024 2024. 8. 25. 리액트에서 불변성을 유지해야 하는 이유 -기본형과 참조형이란 유데미의 React - The Complete Guide 2024 (incl. Next.js, Redux) 강좌를 듣다가 중요한 개념 중 하나인 불변성에 대해 복습하고 가려고 합니다. 해당 강좌는 2024년 기준 81강에 해당합니다. 본 포스팅은 해당 강의 이외에도 아래 페이지를 참고하였습니다. 참조값, 원시값이란? 기본형과 참조형먼저, 자바스크립트에는 기본형과 참조형이라는 두 가지 데이터 유형이 있습니다. 리액트의 불변성을 이해하기 위해서는 여기서부터 시작을 해야 합니다. 기본형숫자, 문자열, 불리언, undefined, null 등이 기본형에 속합니다. 기본형 값은 간단한 데이터 타입으로, 메모리의 스택에 저장됩니다. 기본형 값은 복사될 때 실제 값이 복사됩니다. 예를 들어, 숫자나 문자열을.. 인강 & 책 스터디 노트/Udemy 리액트 완벽 가이드 2024 2024. 8. 21. [React]같은 '...'이지만 쓰임이 다른 스프레드 연산자와 Rest 프로퍼티 Udemy의 React 강의 소개 현재 저는 Udemy에서 인기 강좌 중 하나인 React - The Complete Guide 2024 (incl. Next.js, Redux) 라는 강의를 듣고 있습니다. 원래는 다른 next.js 강의를 수강중이었는데, 제가 알고싶어 했던 내용들이 아래 강의에 전부 포함이 되어 있더라고요. 아직 완강하려면 90%나 더 남았지만 지금까지 들어본 결과 굉장히 만족스럽습니다. 개념을 굉장히 세세하게 짚어주셔서 초급자~중급자 이상까지 전부 커버 가능한 것 같았습니다. 완강 후 다시 평가해보겠지만 일단 저는 별점 다섯개를 주었습니다. Udemy 리액트 강좌 바로가기 각설하고 이번에 배웠던 내용을 복습하는 겸 포스팅 해보겠습니다. JavaScript의 ..... 인강 & 책 스터디 노트/Udemy 리액트 완벽 가이드 2024 2024. 8. 13. 이전 1 다음
