JavaScript 기초 강의를 시작하게 되었습니다. 저는 블로그에 강의 형태로 글을 쓰는 것을 선호하지 않습니다만 친구의 JavaScript 공부 보조 자료 겸 제가 Deno를 공부하는 겸 블로그에 글쓰기 위해서 진행하게 되었습니다.

본 강의는 웹에서의 프론트엔드 개발에 초점을 두고 진행되지 않다는 점을 미리 알려드립니다.


강의 베이스

본 강의는 다음의 환경을 기반으로 진행됩니다.

위 내용이 무슨 뜻인지 잘 모르시겠나요? 비교적 최신 JavaScript 버전을 사용한다고 생각하시면 됩니다.


Deno 설치하기

Windows

  1. 키보드에서 Windows키와 R키를 동시에 누르세요.
  2. powershell을 입력하고 실행하세요.
  3. 파란 창이 표시되면 다음의 명령을 복사하거나 입력하고 키보드에서 Enter키를 누르세요.
iwr https://deno.land/x/install/install.ps1 -useb | iex

macOS, Linux

Terminal에서 다음 코드를 실행합니다. 설치가 완료되고 나오는 안내대로 환경 변수를 설정하세요.

curl -fsSL https://deno.land/x/install/install.sh | sh

설치 확인하기

설치가 완료되었는지 확인하기 위해서는 Windows에서는 PowerShell이나 CMD를, macOS나 Linux에서는 Terminal을 실행하고 deno --version을 입력하세요.(Deno 버전이 표시됩니다.)


Visual Studio Code 설치하기

여기를 클릭하여 Visual Studio Code 설치 파일을 내려받고 설치하세요.

작업 환경 구성하고 테스트하기

  1. Visual Studio Code를 실행하고 좌측 상단 메뉴에서 FileAdd Folder to Workspace를 클릭하세요.
  2. 원하는 작업 폴더를 생성하고 선택하세요.
  3. Ctrl(별도의 안내가 있기 전까지 macOS에서는 Command) + N을 눌러서 새 파일을 생성하세요.
  4. console.log('Hello world!')를 입력하고 Ctrl + S를 눌러서 app.js로 저장하세요.
  5. Ctrl(macOS에서도 Ctrl) + Shift + `(~)를 눌러 Terminal을 실행하세요.
  6. Terminal에 deno run app.js를 입력하세요.
  7. Hello world!가 결과로 출력되는지 확인하세요.

다음 강의 안내

다음 강의에서는 JavaScript ES6의 변수 선언과 자료형에 대해 살펴보겠습니다.

질문이 있으시면 아래 댓글을 이용해 주세요. 감사합니다.