React3 react 기본 예제 연습 Npm install react-router-dom axios Yarn install react-router-dom axios -> 명시되어 있는 모듈 설치 yarn add -> 명시되지 않는 새로운 모듈 설치 -> 라이브러리 의존성 추가 할 명령어 Npm install node 모듈 설치 할수 있다 . Yarn install React-router-dom 의존성 추가 해주고 useEffect() -> 컨포넌트 호출시 한번만 실행 useState() -> 컴포넌트에 변수 변경시 화면 재랜더링 Axis -> 백엔드와 통신하는 부분 const Home = () => { useEffect(() => { console.log('통신시작') axios.get('http://localhost:8080/') .the.. 2024. 4. 18. create-react-app 해보기 vs code 에서 터미널로 실행하였다. 우선 npm install -g create-react-app 이렇게 설치를 해준다. 그런 다음 npx create-react-app 파일이름 -> 을 적어서 실행 해준다. -> 그럼 파일.js 가 만들어진다. cd 파일이름 -> 로 디렉토리를 바꿔주고 -> npm start 를 해주면 react 가 실행된다. 여기서 react 는 localhost:3000으로 돌아가게 된다. 하지만 내 컴퓨터는 권한 문제 때문에 sudo 명령어를 줘야 한다. 찾아보니까 읽기 권한밖에 없어서 그렇다고 한다. chmod -R u+w 파일경로를 적어주면 사용자가 쓰기 권한을 주는것이다. drwxr-xr-x. 맨 앞의 d는 디렉토리임을 나타냅니다. 다음 세 개의 문자는 소유자의 권한을.. 2024. 4. 18. node.js 설치 및 react native 사용 node.js 설치 Visual studio code 터미널. -> 컨트롤 + ` https://reactnative.dev/docs/environment-setup?package-manager=npm Setting up the development environment · React Native This page will help you install and build your first React Native app. reactnative.dev Node.js 의(리엑트) npc npx create-expo-app AwesomeProject -> 만들어라 cd AwesomeProject ->change directory(cd) 만들 폴더로 이동 npx expo start -> 시작 해라 import .. 2024. 4. 1. 이전 1 다음