REACT 해당 포스팅에서는 REACT의 코드와 REACT와 NODE.JS의 차이점을 다룹니다. 이번 포스팅 목차 HTML과 React의 차이점과 React와 Node.js의 차이점과 서버 구축 ✔️ Axios와 Fetch API의 차이점 npm start와 npm run dev의 차이점 npm audit fix와 npm aud...

REACT 해당 포스팅에서는 REACT의 컴포넌트에 대해 다룹니다. 이번 포스팅 목차 REACT의 컴포넌트 리액트의 컴포넌트 리액트에서 컴포넌트 는 사용자 인터페이스(UI)를 구축하는 기본 단위입니다. 컴포넌트는 독립적이고 재사용 가능한 코드 블록 으로, 각각의 컴포넌트는 고유한 상태와 속성을 가질 수 있습니다. 리액트 컴포넌트는 함수...

REACT 해당 포스팅에서는 REACT의 async-await와 Promise의 차이에 대해 다룹니다. 이번 포스팅 목차 REACT의 async-await와 Promise의 차이 리액트의 async-await와 Promise의 차이 리액트에서 비동기 작업 을 처리할 때 Promise 와 async-await 는 중요한 역할을 합니다. ...

REACT 해당 포스팅에서는 REACT의 key props를 사용하는 이유에 대해 다룹니다. 이번 포스팅 목차 REACT의 key props를 사용하는 이유 리액트의 key props를 사용하는 이유 리액트에서 key props 는 리스트 나 동적인 컴포넌트 배열 을 렌더링할 때 사용됩니다. 이는 각 컴포넌트를 고유하게 식별 할 수 있...

REACT 해당 포스팅에서는 왜 state를 직접 바꾸지 않고 useState를 사용해야 하는지에 대해 다룹니다. 이번 포스팅 목차 REACT의 state vs props 리액트의 왜 state를 직접 바꾸지 않고 useState를 사용해야 하지? 리액트에서 state 를 직접 바꾸지 않고 useState 훅을 사용해야 하는 이유는 리...

REACT 해당 포스팅에서는 REACT의 state vs props에 대해 다룹니다. 이번 포스팅 목차 REACT의 state vs props 리액트의 state vs props state와 props 컴포넌트 간 데이터 관리의 두 가지 주요 개념입니다. 이 두 개념은 리액트 애플리케이션의 구조와 데이터 흐름을 이해하는 데 있어 핵심적...

REACT 해당 포스팅에서는 REACT의 리액트 훅에 대해 다룹니다. 이번 포스팅 목차 REACT의 리액트 훅 리액트의 리액트 훅 리액트 훅 는 함수형 컴포넌트에서 상태 관리와 사이드 이펙트 처리를 가능하게 하는 강력한 기능입니다. 훅은 리액트 16.8 버전에서 도입되었으며, 클래스형 컴포넌트의 생명주기 메서드와 상태 관리를 함수형 컴...

REACT 해당 포스팅에서는 REACT의 Context API에 대해 다룹니다. 이번 포스팅 목차 REACT의 Context API 리액트의 Context API Context API 컴포넌트 트리 전체에 데이터를 효율적 으로 전달하고 사용할 수 있도록 하는 강력한 기능입니다. 이를 통해 상위 컴포넌트에서 하위 컴포넌트로 props 를...

REACT 해당 포스팅에서는 REACT의 자바스크립트 확장 문법에 대해 다룹니다. 이번 포스팅 목차 REACT의 자바스크립트 확장 문법 리액트의 자바스크립트 확장 문법 자바스크립트 확장 문법 은 개발자가 더 간결하고 효율적인 코드를 작성할 수 있도록 돕는 문법적 개선 사항들입니다. 이러한 문법들은 ECMAScript(ES6 및 그 이후...

REACT 해당 포스팅에서는 REACT의 생명 주기 메서드와 메서드 종류에 대해 다룹니다. 이번 포스팅 목차 REACT의 생명 주기 메서드와 메서드 종류 리액트의 생명 주기 메서드와 메서드 종류 생명 주기 메서드와 메서드 종류 는 클래스형 컴포넌트에서 컴포넌트가 생성되고, 업데이트되며, 소멸되는 과정을 제어하기 위해 사용됩니다. 생명주...