[Snippet, VSCode, Replit] 알고리즘 개발 환경 셋팅

알고리즘 셋팅 목표

• JavaScript 를 사용하여 작성한 코드가 실행되야 한다.
• 복잡하지 않고 바로 실행할 수 있는 DevTool 이어야 한다.

Snippet (스니펫) 사용하여 알고리즘 개발환경 셋팅

Snippet 은 반복적인 코드들을 간편하게 불러오고 실행할 수 있는 기능입니다.
변수에 대한 엑세스를 제공, 세션 저장소/로컬 저장소 등에 값을 설정할 수 있습니다.
Chrome 개발자 도구 소스 아래에 있는 탭에 있으며 어떠한 설치와 설정 없이 바로 사용할 수 있습니다.
작성된 Snippet 들은 chrome 자체에서 저장되기 때문에 매우 간편합니다.

chrome 창을 열고 개발자 도구를 띄워줍니다.

개발자 도구 창 단축키

• F12 버튼 클릭
• [Window 버전] Ctrl + Shift + I 버튼 클릭
• [Mac 버전] cmd + opt + I

DevTool → Source → Snippets 새로운 스니펫 생성(test) → 소스 코드 작성 → 실행 (ctrl + Enter)

VSCode 사용하여 알고리즘 개발환경 셋팅

1. 먼저 Node.JS 를 다운받습니다. ✨Node.js 다운로드 사이트✨

설치 후 cmd 창에서 설치가 되었는지 확인하는 방법
node -v

1. VSCode 를 다운받습니다. ✨VSCode 다운로드 사이트✨

2. 마켓 플레이스에서 Code Runner 다운로드

3. 코드를 작성하고 실행합니다.

• OUTPUT 출력 확인 단축키 : Ctrl + Alt + N
• terminal 확인 명령어 : node + 실행파일 이름
  터미널 확인 명령어는 코드 한 줄에 디버그를 걸고 확인하고 싶을 때도 사용 가능합니다.
  해당 코드에 debugger를 걸고 동일하게 명령어를 입력하면 확인이 가능합니다.

Replit 사용하여 알고리즘 개발환경 셋팅

Replit (리플릿)은 온라인 IDE 브라우저로 50개 이상의 언어를 설치없이 코딩할 수 있는 사이트입니다.

✨Repl.io 바로가기✨

로그인하여 Create을 클릭하면 새로운 프로젝트를 생성할 수 있습니다.

🌞 정보 : 공부 기록용 블로그입니다. 오타나 내용 오류가 있을 경우 알려주시면 감사하겠습니다.