이 게시물로 첫 번째 React JS 프로젝트를 만드십시오. 코딩 배우기#2

안녕하세요, 멋진 게시물로 돌아왔습니다. 이 게시물은 첫 번째 React JS 프로젝트를 만드는 데 도움이 됩니다. 이 게시물에서 단어를 건너 뛰지 마십시오. 모두주의 깊게 읽으십시오.

                 **DEPENDENCIES**

종속성의 경우 PC/노트북에 Node.js를 설치해야 합니다. Node.js를 설치하려면 . Then Install it. If you want more help then Look for it in the internet. _IMPORTANT - Always install the latest LTS version so that our whole this matches. _ If you want more detailed content, I will put a video of how to install it. WINDOWS -
LINUX -
MAC OS - 으로 이동하세요.

              **MAKING OUR FIRST PROJECT**

그런 다음 (LINUX 및 MAC OS의 TERMINAL, WINDOWS의 CMD)로 이동하십시오. 그런 다음 npx create-react-app를 입력한 다음 웹사이트 이름을 입력합니다.
예를 들어 -npx create-react-app MyFirstWebsite .

모두 끝났습니다. 이제 프로젝트가 만들어졌습니다. 이제 웹사이트를 실행하기만 하면 됩니다. 하지만 어떻게?!?

            **RUNNING OUR WEBSITE**

웹 사이트를 실행하려면 터미널로 이동하거나 React 폴더에서 터미널을 엽니다. 그런 다음 npm start 또는 yarn start를 입력하여 웹사이트를 실행합니다. 기본 브라우저에서 웹 사이트가 열립니다.

           **KNOWING THE FILES**

가장 먼저 보게 될 것은 노드 모듈입니다. 그것은... 그... 내가 그것을 어떻게 말할 것인가? Javascript를 실행하기 위한 모든 기본 사항과 그와 유사한 것들이 있습니다.

이미지 -


그런 다음 HTML 파일과 이미지, SVG가 저장되는 공용 폴더입니다.

이미지 -


Src 폴더에는 JavaScript 파일이 있으며 주요 코딩이 그곳에서 수행됩니다. 모든 파일을 살펴보고 텍스트 편집기에서 열 수 있습니다. 거기에 이미지를 추가할 수도 있습니다. 해당 폴더의 이미지만 사용합니다. Public 폴더에서 파일은 HTML 파일에서 사용됩니다.



그런 다음 package.json 및 package-lock.json. Npm에는 사람들이 계속해서 사용하고 싶어하는 많은 패키지가 있습니다. package.json은 사람들이 애플리케이션에서 사용하는 패키지를 추적할 수 있는 간단한 방법을 제공합니다.

그게 다야. 그것을 배우는 것을 즐기십시오. 로그아웃!!!