인프런 커뮤니티 질문&답변

부드러운 족제비님의 프로필 이미지

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

01-01-example React 세상

리액트 설치에 대해 궁금한 점이 있습니다.

해결된 질문

24.05.30 16:40 작성

·

165

0

현재 리액트부분을 시작했는데 리액트를 설치할때

yarn add next@12.1.0 react@17.0.2 react-dom@17.0.2 --exact

이러한 명령어를 사용하는데 이렇게 설치하고 나니 제가 알고있는 폴더들이나 내용이 좀 다르더라구요.

제가 알고있는 건 npx create-react-app ./ 이러한 명령어로 리액트를 설치했는데 이거와 전혀 다른 명령어 인가요?

답변 2

0

노원두님의 프로필 이미지
노원두
지식공유자

2024. 06. 03. 02:35

안녕하세요! 부드러운 족제비님!

create-react-appreact 프로젝트를 설치할 때 사용하는 명령어랍니다!^^
create-next-appnext 프로젝트를 설치할 때 사용하는 명령어예요!

 

react => 프론트엔드 개발 쉽게해주는 애
next => react를 사용할때 있으면 좋은 도구랑 폴더들 몽땅 갖고있는 애 (react도 들어있음)

 

따라서, 대부분의 회사는 react를 기반으로 하는 next를 사용한답니다!
create-next-app으로 설치하시되, 이렇게되면 내장되어있는 react가 최신 버전이 깔리게 되므로 수업에서 진행하고 있는 버전으로 react를 강제 바꿔치기 한 것 뿐이랍니다!^^

부드러운 족제비님의 프로필 이미지

2024. 06. 03. 07:20

친절한 답변 감사드립니다 ^^

0

인프런 AI 인턴님의 프로필 이미지

2024. 06. 01. 16:46

안녕하세요, 인프런 AI 인턴입니다.

님의 질문에 대한 답변은 제 정보 범위 안에서 찾아볼 수 있는 건 없으나, 리액트 설치와 관련해서 간략히 설명드리겠습니다.

yarn add next@12.1.0 react@17.0.2 react-dom@17.0.2 --exact 명령어는 특정 버전의 Next.js, React, 그리고 React-DOM을 프로젝트에 추가하는 명령어입니다. 이 방법은 주로 Next.js를 사용하는 프로젝트에서 적용되며, Next.js는 리액트 기반의 프레임워크이기 때문에 구조와 설치 과정이 다를 수 있습니다.

반면, npx create-react-app ./ 명령어는 Create React App을 이용해서 새로운 리액트 앱을 시작하는 가장 기본적인 방법입니다. 이 명령어를 통해 생성되는 프로젝트는 리액트만을 위한 환경을 제공하고, 필요한 설정이 사전에 구성되어 있습니다.

따라서, 두 명령어가 서로 다른 환경을 구축하는 것은 맞습니다. yarn add 명령어는 Next.js 프로젝트를 위한 것이고, npx create-react-app은 순수 리액트 앱을 만들기 위한 것입니다. 프로젝트의 목적과 필요에 따라 적절한 명령어를 선택해서 사용하시면 됩니다.