inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

웹 프론트엔드를 위한 자바스크립트 첫걸음

[이전 버전] 자바스크립트 코딩 환경 설정

[환경설정] codesandbox 에서 질문이 있습니다.

해결된 질문

915

mycom019

작성한 질문수 1

0

자바스크립트 코딩 환경 설정 강의 중에서

 

codesandbox 가입 후 바닐라 선택하여

프로젝트(?) 같은게 만들어지는데,

 

index.htm 파일이 만들어지는데,

index.js 파일에서 console.log 테스트 화면이 나와

어떻게 해야 할지 모르겠습니다.

 

javascript dom

답변 1

0

효빈 Hyobin

안녕하세요 :) 강사 효빈입니다.

index.js에 console.log의 테스트 화면이 나온다는 것이 어떤 것인지 잘 모르겠습니다.
console.log의 실행 결과가 출력되는 화면이 나오지 않는 문제라면 강의 내용에 있는
코드 샌드박스 환경 설정 방법을 다시 한 번 참고해주세요!

 

  1. 먼저 코드샌드박스에 가입 한 후 새 프로젝트를 추가한 다음,
    왼쪽의 index.mjs를 눌러주세요.

image

  1. 오른쪽 한단에 있는 콘솔을 위로 끌어올려 배치한 뒤 index.mjs 파일에 있는 코드를 전부 삭제해주세요.
    코드를 전부 삭제했다면 다음과 같이 코드를 작성하고 실행해주세요.

    image

 

0

sung jin kim

혹시 콘솔창, 브라우저창이 안보이는데 어디서 열수 있을까요?

0

효빈 Hyobin

안녕하세요 sung jin kim님, 강사 효빈입니다 😃

코드 샌드박스 관련 문제의 해결 방법은 아래의 이미지처럼, 해당 강의 아래에 작성되어있습니다.
코드 샌드박스의 버전이 업데이트 되면서 많은 부분이 달라지게 되어,
제가 제공하는 무료 강의 핸드북에 자세한 해결 방법을 작성해두었습니다.

https://one-step-js.hyobb.com/174fdc57-d216-45e4-8f7a-8c4a2b47a081
아래의 이미지처럼 해당 강의의 아래에 자세하게 나와있긴 하지만, 위에 링크로 관련 내용이 작성되어있는 핸드북을 첨부해두었습니다. 참고하시면 좋을 것 같습니다. 감사합니다!

image

브라우져 호환성 문의

0

67

2

4-23 Promise객체 12:05 코드 질문

0

60

2

<div class="bookmark-item-add-btn"> 질문

0

58

2

랜덤이미지

0

58

2

"6. 1. (최신 버전) 자바스크립트 코딩 환경 설정"의 화면이 정상적으로 출력되지 않습니다

1

72

2

북마크바 디폴트가 "북마크 열기"로 뜹니다.

1

130

1

홈페이지 이미지 추가 방법 문의드립니다!

0

114

2

북마크 추가 버튼 활성화 오류 문의드립니다!

0

113

1

북마크바 배치 문의드립니다!

0

113

2

명언 설정하는데 위치설정 오류가 있어요!

0

143

2

4:45 부터 무한로딩되어 재생이 안됩니다ㅠ

1

105

1

BigInt Type 에 대하여

0

86

1

계속 헷갈리네요. 이게 맞나요?

1

149

2

섹션 7 - 7 프로젝트 적용하기

1

120

2

섹션7 - 7 프로젝트 적용하기

0

88

1

섹션7-4 api사용해서 명언 설정하기

0

135

2

6분 53초 질문입니당

1

119

2

왜 전부다 div태그로 만드는지 궁금합니다.

1

231

2

[수업질문] bookmark.js에서

0

130

2

최종 프로젝트 적용

0

181

2

append&appendChild+메소드 호출

1

137

1

코드샌드박스 업데이트

0

167

2

async pending상태의 promise객체

1

151

2

화면이 다릅니다.

1

177

1