React

위스타그램을 바닐라에서 리액트로 옮기면서 map()을 사용해서 중복되는 컴포넌트들을 출력해줬는데 콘솔에 key 값이 없다는 오류메시지가 뜨는데 동작은 잘되서 key값을 왜 넣어야 하는지 알아보겠습니다.key는 React가 어떤 항목을 변경, 추가 또는 삭제할지 식별하는

이번에 진행한 위스타그램에서 백엔드 서버와 통신을 하면서 사용했던 fectch와 axios 에 대해 간단히 공부해보겠습니다.자바스크립트를 사용한 비동기 통신이며, 클라이언트와 서버와 데이터를 xml형태로 주고받는 통신방법이다.쉽게 말해서 자바스크립트를 사용해서 서버에

실전 리액트 프로그래밍 인강을 보고 공부하면서 자주 볼 것 같아서 정리합니다.컴포넌트를 사용하는 입장에서 컴포넌트를 직접 작성한 사람, 컴포넌트를 처음본 사람 등 컴포넌트를 사용하려면 속성값을 입력을 해야하는데 올바른 값을 입력하려면 타입을 올바르게 입력해야하기 떄문이

useEffect > 사용하는 방법은 정말 간단한데 의존성 배열에 어떠한 값들을 넣어줘야 하는지를 정확히 판단하기가 어려움이 있어서 정리를 해보려고 한다. ✅ 의존성 배열 의존성 배열을 꼭 사용해야하는 건 아니지만 필요할 때 사용하게 되는데 의존성 배열을 잘못 관

리액트는 가장 많은 자원을 사용하는 것은 렌더링 이다.리액트는 데이터와 컴포넌트 함수로 화면에 출력되게 되는데 그 과정에서 대부분의 연산은 컴포넌트 함수의 실행과 가상돔에서 발생한다.component ➡ Virtual Dom 비교 ➡️ 실제 Dom 반영컴포넌트를 렌더링

redux에 대해 알아보고 간단한 테스트를 해봤습니다. 개인적인 기록 용도입니다.간단히 설명하자면 상태 관리 라이브러리로 액션(Action), 미들웨어(middleware), 리듀서(Reducer), 스토어(Store)가 있다.미들웨어에선 리듀서가 액션을 처리하기 전