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

스리에스님의 프로필 이미지
스리에스

작성한 질문수

만들면서 배우는 리액트 : 기초

js파일 업로드 요청

작성

·

21

0

학습하는 환경이 내부망이라

<script src="https://unpkg.com/react@18/umd/react.production.min.js" crossorigin></script> <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js" crossorigin></script> <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

위 js들을 직접 다운로드 받아 반입해야 하는데요..

리액트 사이트에서 리액트 라이브러리는 다운로드가 되는데

babel은 다운로드가 안되네요;;

js파일을 직접 다운로드할 수 있도록 학습용 코드 올려진 곳에 업로드 해주시면 감사하겠습니다.

답변 1

0

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

스리에스님, 내부망 환경에서 학습을 진행하시느라 불편하실 것 같아요. 말씀하신 대로 외부 URL을 통해 직접 스크립트를 불러올 수 없는 경우, 필요한 파일들을 미리 다운로드 받아서 사용하는 방법이 필요합니다.

리액트와 리액트-돔 라이브러리는 이미 다운로드 가능하신 것 같아서 설명을 생략하겠습니다.

Babel Standalone 다운로드:

  1. Babel Standalone GitHub 페이지를 방문합니다.
  2. 페이지 상단의 “Releases” 탭을 클릭합니다.
  3. 필요한 버전의 Babel Standalone 배포 페이지로 이동합니다.
  4. “babel.min.js” 파일을 찾아 로컬 디렉터리에 다운로드합니다.

다운받은 스크립트 파일들을 HTML 파일에 포함할 때는 로컬 경로를 사용하여 <script> 태그로 추가하세요:

<script src="/path/to/local/react.production.min.js" crossorigin></script>
<script src="/path/to/local/react-dom.production.min.js" crossorigin></script>
<script src="/path/to/local/babel.min.js"></script>

다운로드 및 로컬 디렉터리에 배치 후, 위와 같이 변경하시면 정상적으로 사용할 수 있을 것입니다.

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

스리에스님의 프로필 이미지
스리에스

작성한 질문수

질문하기