js파일 업로드 요청
135
작성한 질문수 3
학습하는 환경이 내부망이라
<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 다운로드:
- Babel Standalone GitHub 페이지를 방문합니다.
- 페이지 상단의 “Releases” 탭을 클릭합니다.
- 필요한 버전의 Babel Standalone 배포 페이지로 이동합니다.
- “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>
다운로드 및 로컬 디렉터리에 배치 후, 위와 같이 변경하시면 정상적으로 사용할 수 있을 것입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 해결 방법 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
API 적용 안되는 코드 수정 방법입니다.
0
69
1
고양이 이미지가 엑박이 뜨네요
0
50
1
npx 명령어 사용 불가
1
74
1
const 변수와 컴포넌트의 차이
0
88
1
강의노트
0
138
1
vite로 리액트 빌드한 후 깃허브에 배포하는 방법
0
323
1
빌드할때 dist 폴더가 만들어지는데요,
0
763
1
변경된 api 사용시 text 안나오는 문제
0
140
1
메인글자수정...
1
266
3
디렉터리 구조 관련하여 참고할 만한 예시가 있을까요?
1
310
1
https://cataas.com/undefined 로 나오는데 왜그런건가요?
1
590
4
고양이 사진이 깨져요.ㅜㅜ
2
358
3
강의 노트 위치를 모르겠습니다
1
342
1
깃 강의노트 어디서 볼 수 있나요?
1
379
2
이해가 안되는 부분이 있어요
1
360
1
api가 안불러와지네요...
1
657
4
진유림 선생님 너무 궁금해서 질문드립니다 ㅜ
1
329
2
react에서 컴포넌트 만들 때 대문자를 쓰는 이유
2
1154
2
https://cataas.com/ 여기 도메인이 죽어서 이미지가 보이지 않습니다 ㅠ
1
328
2
index.js 내용이 바꼈네용
1
316
2
프로젝트에 사용할 상태와 로직 관리 라이브러리 훅 사용 질문입니다.
1
258
2
html 코드 오류
1
459
2
고양이 이미지 깨져요
1
336
2
고양이 이미지 링크 깨짐 문의
0
775
1





