React

🎃Node js 설치하기 안정적, 신뢰도 높은 버전 선택 (최신버전 선택해도 무방하다) 🥯 visual studio code 실행후, 원하는 폴더 만들기 폴더 열기 선택 → 원하는 폴더 만든 후, 0.React_basic선택 터미널 → 새 터미널 클릭 ![](https://images.velog.io/images/dingdo

🎫 React? 리액트는 Component들을 조립하여 화면을 구성한다. npx create-react-app my-app 을 터미널에 입력하면 React에서 제공하는 프로젝트 구조를 다운받을 수 있다. 정상적으로 생성된 React 프로젝트 구조이다. src /index.js 파일은 React 서버를 구동할 때 최초로 실

useEffect() useEffect()함수는 리액트 컴포넌트가 랜더링 될 때마다 특정 작업을 실행할 수 있도록 하는 Hook이다. 컴포넌트가 mount 됐을 때 컴포넌트가 unmount 됐을 때 컴포넌트가 update 됐을 때 특정 작업을 처리할 수 있다. >🔊 페이지가 처음 렌더링 되고 난 후 useEffect는 무조건 한 번 실행된다. 🔊...

🌞 환경 설정 npx create-react-app react-router-dom 을 통해 react 실습환경 만들기 [결과] 🚗 React-router 설치하기 npm install react-router-dom 을 통해 react-router 설치하기 🚝 index.js 코드 수정하기 [결과] 터미널에 npm start 입력 오류!!�...