React.js

자바스크립트 라이브러리 중 하나사용자 컴퍼넌트를 만들기 위한 JS 라이브러리싱글 페이지 어플리케이션 (비동기통신): 서버로부터 새로운 페이지를 불러오지 않고, 현재의 페이지를 동적으로 불러와서 유저와 소통 ≒ 인스타 피드🔴 컴포넌트 : React에서 앱을 이루는 가장

ㅁㅇㅁ

기존 함수 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 도와주는 기술미리 컴포넌트에 적용 될 기능을 만들어 놓고 / 필요할 때 불어와서 쓰는 기법함수형 컴포넌트에서 화면을 효율적으로 다룰 수 있는 라이브러리함수호출 : 만들어진 함수를 내가 호출해서 쓰겠다.함수

React 내부에서 변경한 값이 화면에 보이는 데이터일반 변수는 값이 변경 되어도 화면에 반영 X제일 마지막에 실행 됨 (위에 있어도)값을 갱신하면서 재랜더링이전 상태를 수정 하지 않고, 새로운 상태를 설정 및 방식업로드중..

배열의 '각' 요소에 진입하여 NEW 배열을 만듬첫번째 매개변수 : 해당하는 배열의 각 요소두번째 매개변수 : 해당하는 배열의 각 인덱스 번호

* useState 함수형 업데이트 [📋] 참고 ( JS 함수 ) > https://velog.io/@supernova77/JS-

컴포넌트가 랜더링 될 때마다, 특정 작업을 실행하는 Hook

( = 화면 전환을 할 수 없다): Routes로 Route를 감싸주지 않았을 경우, 자주 볼 에러HTML 자체 페이지를 바꿀때 (전체 렌더링)index.html 그대로 두고, 내용만 갈아 끼우는 방식 (SPA / 권장)로직과 함께 화면 전환을 해야할 경우 사용됨a링크

useParams useSearchParams주소값에 있는 쿼리스트링 데이터에 접근할 때 사용 !URL 경로에 포함된 매개변수를 가져오는 데 사용

전역 상태를 관리하고 공유하는데 사용되는 기능여러 중첩 된 컴포넌트에서 유용하게 각 컴포턴트 접근 가능중첩 된 컴포넌트 트리에서 데이터가 필요하지 않은 중간 컴포넌트들에도 props를 전달해야 하므로 불필요하게 복잡해질 수 있음: https://velog.io

객체 속성명을 동적으로 결정하는 것구조 분해 할당과 셋트✔️ 구조 분해 할당 https://velog.io/@supernova77/Node.js-01-02-%EA%B8%B0%EC%B4%88-2setAccount 상태 업데이트 함수 업데이트 2가지 방법① 새로운

상위 컴포넌트 ▶ 하위 컴포넌트 데이터 전달