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

코드 샌드박스 버전 오류 해결법

 

00. 코드 샌드박스 로그인

먼저 코드 샌드박스 에 접속 후 회원가입 및 로그인을 해주세요
 

01. 코드 샌드박스 설정

로그인 완료 후 아래의 그림과 같이 메인 화면 좌측 상단에 있는 네모 버튼을 누른 후 settings 버튼을 눌러줍니다.
notion image
 
settings 버튼을 누르면 나오는 화면에서 experiments 버튼을 누르고 오른쪽 토글 버튼을 눌러 아래의 그림과 동일하게 만들어줍니다.
notion image
 

02. 새로운 코드 샌드박스 생성하기

그 다음 아래의 링크를 눌러 코드 샌드박스에 다시 접속해줍니다.
 
위의 링크를 눌러 코드 샌드박스에 접속했다면, 아래의 그림처럼 우측 상단에 있는 Fork 버튼을 눌러 줍니다.
Fork는 "이 템플릿을 나의 공간으로 가져와서 사용하겠다" 라고 이해하시면 됩니다.
이 Fork 버튼을 클릭한 다음 자신의 계정을 선택합니다.
notion image
 
Fork 작업이 완료되었다면 아래의 그림과 같이, 화면의 우측 하단에 “Forked sandbox!” 라는 메세지가 나오는 것을 볼 수 있습니다.
notion image
 
그 다음 오른쪽 위의 점 3개 버튼을 눌러 preferences를 눌러주세요.
notion image
 
사이드바의 preview 탭에 들어가 토글 버튼을 아래의 그림과 동일하게 만들어 주세요.
notion image
 
이제 코드샌드박스의 모든 환경 세팅이 끝났습니다.
 

03. 코드 작성하기

모든 작업을 완료 하셨다면, 새로고침 후 강의의 실습 코드들을 작성해줍니다.
방금 사용한 템플릿은 메인 화면의 사이드바에 “My drafts”를 누르면 재접속 할 수 있습니다.
notion image