프로그래밍/React.js3 [3] React.js 독학 - 라우팅 방법 (Route) 1. 라우터를 사용하기 위한 환경 세팅 터미널 창에 npm install react-router-dom을 입력해준다. ( 최근에 5 -> 6 버전으로 올라갔음 ) npm install react-router-dom@6 설치가 정상적으로 완료되면 package.json에 react-router-dom이 추가된 것을 확인 할 수 있다. 2. pages폴더 안에 About.js 파일 만들어주기 /pages/About.js import React from "react"; function About() { return Home 화면 입니다; } export default About; 3. index.js 파일에 BrouserRouter 생성 import React from "react"; import ReactD.. 2023. 8. 31. [2] React.js 독학 - hello world 들어가기 전에.. react 환경세팅하는 방법은 아래 링크를 타고 들어가서 확인하면 된다. (링크 참조) https://jh-healing-place.tistory.com/56 [react.js] 리엑트 개발환경 세팅하기 1. 리엑트를 사용하기 위해서는 가장 먼저 node.js를 설치해야합니다. visual studio도 같이 설치해줍니다. https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 리 jh-healing-place.tistory.com 1. hello world 띄우기 (app.js) app.js을 아래와 같이 수정해주면 화면에 hello.. 2023. 8. 31. [react.js] 리엑트 개발환경 세팅하기 1. 리엑트를 사용하기 위해서는 가장 먼저 node.js를 설치해야합니다. visual studio도 같이 설치해줍니다.https://nodejs.org/ko Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2. 리엑트 작업용 폴더를 바탕화면에 만들어줍니다. 3. 비주얼스튜디오 상단 메뉴 중에서 Terminal을 누르면 나오는 new terminal을 누릅니다.(ctrl + ~클릭해도 터미널 창이 나옵니다.) 4. 그렇게 나온 하단의 터미널 창에 npm init react-app '만들고자하는 프로젝트 이름' 이렇게 타이핑해주면 알아서 리엑트 파일이 생성됩니다. ( 컴퓨터 사양에 따라서 .. 2023. 5. 4. 이전 1 다음
