inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

컴포넌트에 데이터 전달하기 2

예제코드 실행

43

오태연

작성한 질문수 1

0

예제코드 다운받은거 실행시킬때는 04-04, 04-05와 같이 폴더 기준으로 다음예제 넘어갈때마다 npm install, npm run dev두개명령어 쳐서 실행시키는거 맞나요? 추가로 예제 코드에서 안하고 직접 처음부터 만들어서 하려면 처음에 했던 npm create vite@latest . 이 명령어로 하는거 맞죠?

react react-router redux-toolkit zustand react.js

답변 2

0

수코딩

안녕하세요.

이해하신 내용이 맞습니다.

모든 강의마다 예제 코드를 1대1로 매칭해서 하실 필요는 없으며

강의 설명 중 타이핑하기 귀찮은 부분이 나올때마다 예제 코드를 참고하시는 방식으로 하셔도 무방합니다 :)

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 오태연님.

예제 코드를 실행시키고 새로운 프로젝트를 시작하는 방법에 대해 궁금하신 것 같습니다. 질문에 대해 간단히 설명드리겠습니다.

예제 코드 실행:

  1. npm install:

    • 예제 폴더 (예: 04-04, 04-05)로 이동한 후 npm install 명령어를 실행하여 해당 예제의 모든 의존성을 설치해야 합니다. 각 폴더마다 필요한 패키지가 다를 수 있으므로, 새로운 폴더로 이동할 때마다 의존성 설치가 필요합니다.
  2. npm run dev:

    • 의존성 설치 후에는 npm run dev 명령어로 개발 서버를 시작하여 코드를 실행할 수 있습니다.

직접 처음부터 프로젝트 만들기:

  • 새로운 프로젝트를 시작할 때는 npm create vite@latest . 명령어를 사용하여 Vite를 기반으로 한 리액트 프로젝트를 생성할 수 있습니다. 이 명령어는 현재 디렉토리에 새로운 Vite 프로젝트를 스켈레톤으로 생성합니다.

관련된 질문을 이해하고, 추가적인 도움이 필요하다면 다음의 참조 링크를 확인해 보세요:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

상태(State) 가 "시간이 지남~" 에 대해 질문 있습니다.

0

34

2

import {} 중괄호 차이점

0

38

2

[ 문의]몽고DB connect 의 건

0

47

2

제공되는 react_code.zip 중에 ..

0

47

2

커리큘럼 비활성화

0

46

2

설명하시는 개념들을 잘 모르겠습니다.

0

43

2

이해가 절반 정도 되는데요.

0

56

1

styled-components(전역)

0

56

1

cloudinary 관련

0

71

3

useOptimistic 실전-1 useState

0

87

2

discord 초대장 갱신이 필요한거같습니다.

0

83

1

할일 관리 앱(메모이제이션)

0

99

2

Web 플랫폼 등록

0

140

2

함수 정의 기준

0

87

2

fetch는 사용되는가

0

88

2

전역상태 관리 선택 기준

0

109

2

tailwind css는 언제 사용되는가 또 다른 css와의 차이

0

210

2

카카오 web플랫폼 등록

0

193

2

컴포넌트 그리고 폴더 구조에 대해

0

78

2

152강 보는중입니다. 초시계부분이구요. 넘버가 timeout을 받을수없다는 에러가 나오고 있어요

0

52

1

폼테그 다른 태그를 하나의 상태 객체로 묶기

0

55

2

class를 className으로 전부 수정하실 때

0

49

2

JWT에 대한 개념도 학습할 수 있나요?

0

74

2

수업자료 다운로드

0

61

2