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

Question

현재 리액트부분을 시작했는데 리액트를 설치할때 yarn add next@12.1.0 react@17.0.2 react-dom@17.0.2 --exact 이러한 명령어를 사용하는데 이렇게 설치하고 나니 제가 알고있는 폴더들이나 내용이 좀 다르더라구요. 제가 알고있는 건 npx create-react-app ./ 이러한 명령어로 리액트를 설치했는데 이거와 전혀 다른 명령어 인가요?

노원두 · Answer

안녕하세요! 부드러운 족제비 님! create-react-app 은 react 프로젝트를 설치 할 때 사용하는 명령어랍니다!^^ create-next-app 은 next 프로젝트를 설치 할 때 사용하는 명령어예요!   react => 프론트엔드 개발 쉽게해주는 애 next => react를 사용할때 있으면 좋은 도구랑 폴더들 몽땅 갖고있는 애 (react도 들어있음)   따라서, 대부분의 회사는 react를 기반으로 하는 next를 사용한답니다! create-next-app으로 설치 하시되, 이렇게되면 내장되어있는 react가 최신 버전이 깔리게 되므로 수업에서 진행하고 있는 버전으로 react를 강제 바꿔치기 한 것 뿐이랍니다!^^

인프런 AI 인턴 · Answer

안녕하세요, 인프런 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 은 순수 리액트 앱을 만들기 위한 것입니다. 프로젝트의 목적과 필요에 따라 적절한 명령어를 선택해서 사용하시면 됩니다.