강의

멘토링

로드맵

Inflearn brand logo image

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

든든한고양이님의 프로필 이미지
든든한고양이

작성한 질문수

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

모던 HTML 기능과 배경지식 이해

CodeSandbox Vanilla 질문있습니다

작성

·

11

0

안녕하세요.

CodeSandbox에 Vanilla가 보이질 않습니다.

그래서 인프런 내부에 올라온 여러 해결방법을 찾아서 따라하려 했으나 잘 되지는 않는 것 같습니다. 혹시 그냥 자바스크립트를 사용해도 이상없을까요?

20250908_151323.png.webp

 

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. 든든한고양이님.

CodeSandbox에서 Vanilla JavaScript 옵션이 직접적으로 보이지 않는 문제에 대해 설명드리겠습니다. 사실 CodeSandbox는 지속적으로 업데이트되며 UI가 변화하기 때문에 간혹 기존 환경과 다른 부분들이 있을 수 있습니다.

기본적으로 Vanilla JavaScript 옵션이 보이지 않더라도, JavaScript 템플릿을 선택하여 프로젝트를 시작하면 Vanilla JavaScript를 사용하는 것과 큰 차이가 없습니다. 즉, Vanilla JavaScript로 개발하고자 하시는 경우 JavaScript 템플릿을 사용하셔도 문제 없습니다.

또한, HTML + CSS 템플릿을 선택하신 후 JavaScript 파일을 추가하여 프로젝트를 구성해 나가는 방법도 있습니다. 아래 예시를 참고하세요:

  1. CodeSandbox 접속 후 로그인하고, Create a Sandbox를 선택하세요.
  2. HTML + CSS 템플릿을 선택합니다.
  3. 파일 구조에서 index.js 또는 기타 JavaScript 파일을 생성하고 자바스크립트 코드를 작성하시면 됩니다.

이와 관련하여 유사한 질문이 있었던 링크를 첨부합니다.
- 코드샌드박스 관련 질문
- 강의 내 해결법과 비슷한 맥락의 설명이 포함되어 있습니다.

이미지

문제가 해결되지 않거나 다른 부분에 대해 추가적인 설명이 필요하시면, 구체적인 상황에 대해 조금 더 자세히 설명해 주시면 감사하겠습니다. 지식공유자의 기존 답변을 참고하여 유사한 문제 해결에 도움을 드릴 수 있도록 하겠습니다.

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

든든한고양이님의 프로필 이미지
든든한고양이

작성한 질문수

질문하기