2. 자바스크립트 학습 환경

[오프라인 개발환경 구성] 

1. Node.js

Node.js란..?

* Node.js란?

- Node.js는 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼이다. 작성 언어로 자바스크립트를 활용하며 논블로킹(Non-blocking) I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있다. 내장 HTTP 서버 라이브러리를 포함하고 있어 웹 서버에서 아파치 등의 별도의 소프트웨어 없이 동작하는 것이 가능하며 이를 통해 웹 서버의 동작에 있어 더 많은 통제를 가능케 한다. (출처: 위키백과)

 

* 서버 사이드란?

- 서버 사이드(server-side)란 네트워크의 한 방식인 클라이언트-서버 구조의 서버 쪽에서 행해지는 처리를 말한다. 이는 클라이언트에서 프로그램이 구동되는 클라이언트 사이드와는 대조된다. (출처: 위키백과)

 

* 블로킹 I/O? 논블로킹 I/O?

- 어떤 분이 정리를 정말 잘해주셨다. https://baek-kim-dev.site/38 참고

 

https://nodejs.org/ko/download에서 Node.js를 다운로드하여 설치한다.

다운로드 | Node.js

 

터미널에 node를 입력하여 설치가 잘 되었는지 확인한다. (.exit를 입력하여 node.js 종료)

2. VS Code

VS Code란..?

* VS Code란?

- 비주얼 스튜디오 코드(Visual Studio Code)는 마이크로소프트가 마이크로소프트 윈도우, macOS, 리눅스용으로 개발한 소스 코드 편집기이다. 디버깅 지원과 Git 제어, 구문 강조 기능 등이 포함되어 있으며, 사용자가 편집기의 테마와 단축키, 설정 등을 수정할 수 있다. (출처: 위키백과)

 

https://code.visualstudio.com/download에서 Node.js를 다운로드하여 설치한다.

Download Visual Studio Code - Mac, Linux, Windows

 

EXTENSIONS: MARKETPLACE에서 VS Code와 node.js를 연결해주는 Code Runner와, 코드의 가시성과 가독성을 높여 주는 Prettier를 설치한 후 VS Code를 재실행한다.

 

원하는 위치에 작업할 폴더를 생성한다.

 

File > Open Folder로 해당 폴더를 연다.

 

File > New File로 main.js 파일을 생성한 후, hello world! 를 출력해본다.

우측 상단의 Run Code 버튼을 이용하여 실행하면, 결과와 함께 소요 시간을 확인할 수 있다. 이전 실행 결과도 확인할 수 있다.

 

Terminal > New Terminal로 터미널을 열어 node ./main.js를 입력하여 실행하는 방법도 있다.

---

[온라인 개발환경 구성] 

1. LeetCode

https://leetcode.com/에 가입한다.

LeetCode - The World's Leading Online Programming Learning Platform

 

 

 

우측 상단의 New Playground > Console Application > New를 클릭하면 왼쪽에는 텍스트 에디터 창이, 오른쪽에는 수행한 결과를 확인할 수 있는 창이 나타난다. 언어를 JavaScript로 바꾸고 Hello World! 를 출력해본다. 코드 실행 결과, 이전 실행 결과, 소요 시간을 함께 확인할 수 있다.

 

요즘에는 코딩테스트에서 오프라인 텍스트 에디터를 사용할 수 없는 경우가 많으므로, 코딩테스트를 앞두고는 온라인 개발환경에 적응하는 것도 중요하다.