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

ymckh1005님 저도 신규 프로젝트 생성 후 재현에 성공하여 해당 내용을 끄는 방법을 찾아 보았습니다.

아래 이미지에서 빨간색 사각형으로 표시한 버튼과 메뉴를 클릭해서 Settings 로 진입합니다.

search settings 입력란에 preview 라고 입력합니다.

그러면 설정 중에 Sandbox: Preview Run Action 이 있는데요

기본값이 edit-delayed 를 Save 로 변경합니다.

이렇게 설정하고 Settings 를 닫고 편집해 보시면, Preview 가 업데이트 되지 않고 저장할 때만 업데이트 되는 것을 알 수 있습니다. 위처럼 했는데 동작하지 않는다면, 화면을 리프레시 하거나 프로젝트를 닫았다가 다시 열어보면 설정대로 동작할 것입니다. 감사합니다 🙇‍♂

안녕하세요 ymckh1005님, 인프런 AI 인턴의 답변은 AI 가 작성하여 정확하지 않을 때가 있습니다. 우선 불편을 드려 죄송합니다.

제가 MacOS 환경의 크롬에서 코드 샌드박스를 실행하면, 코드를 작성할 때는 console.log가 반응하진 않고 Cmd+S 를 눌렀을 때에만 작동했습니다.

ymckh1005님이 겪으신 불편을 제가 재현하지 못한 이유가 코드샌드박스 업데이트가 잦아서 생긴 버그 일 수 있습니다. 처음 문의 주신 것처럼 로컬에 수업환경을 만들고 VSCode 로 수업을 진행하시는 것을 추천드립니다. 관련하여 아래 영상들을 참고 하시면 좋을 것 같습니다. 감사합니다. 🙇‍♂

• 로컬 수업 환경을 위한 nodejs 설치하기

   

• nvm 으로 nodejs 설치하기

   

• Parcel로 로컬 수업 환경 만들기

• Vite로 로컬 수업 환경 만들기

   

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

코드 샌드박스와 관련해 콘솔이 소스를 입력할 때마다 자동으로 반응하는 현상은 코드 샌드박스의 자동 상태 업데이트 기능 때문일 수 있습니다. 이는 코드가 입력되고 저장될 때마다 자동으로 새로고침되어 콘솔이 반응하는 것을 의미합니다. 이를 중지하려면 다음 방법을 고려해 볼 수 있습니다:

1. 자동 저장 기능 비활성화: 코드 샌드박스의 설정에서 자동 저장 기능을 비활성화할 수 있습니다. 이렇게 하면 코드가 자동으로 실행되지 않고, 수동으로 저장하거나 실행해야 변화가 반영됩니다.

2. 콘솔 로그 부분 주석 처리: 개발 중이라면 의도적으로 모든 로그를 보고 싶지 않을 때, console.log()를 주석 처리하거나 필요하지 않은 부분에서 임시로 제거하는 방법도 있습니다.

기존의 유사한 문제에 대한 답변에서 더 구체적인 방법과 코드 샌드박스 사용법에 대한 설명을 참고하시기 바랍니다:

• 코드샌드박스 화면구성이 달라졌네요.
  

이 답변에서는 코드샌드박스의 새로운 업데이트와 환경 설정에 대한 강조 사항들을 다루고 있습니다. 적절한 해결책을 찾기 위해 해당 링크를 통해 추가적인 정보를 얻는 것도 도움이 될 것입니다.

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