인터넷 브라우저에서 코딩하기, Visual Studio Code, teditor

안녕하세요. 프즈입니다.

 

인터넷 웹 브라우저에서 코딩할 수 있도록 해주는 teditor라는 것을 소개하려고 합니다

Visual Studio Code를 크롬에서 사용할 수 있다고 생각하면 편한데요

응용하면 집이나 회사에 있는 PC에 설치해서 원격으로 접속해서 코딩할 수 있는 방법을 활용해도 되겠어요

 

Visual Studio Code 도 오픈소스이니 git을 이용해서 소스를 다운로드하고 웹 기반으로 설치할 수 있는데요

git으로 clone 하는 과정만 상당히 오래 걸려요

다음에 소개해 드릴 방법이 메인이니 이 방법은 해보지 않아도 됩니다

git clone https://github.com/microsoft/vscode.git
cd vscode
yarn install
yarn run web

노트와 npm이 설치되어 있어야 합니다

npm 명령어로 teditor를 설치하고 설치가 끝나면 teditor을 실행하면 됩니다

npm install -g teditor
teditor

실행하고 나면 Visual Studio Code를 접속해볼 수 있어요

이 상태에서 기본 포트 3000을 이용하여 http://localhost:3000으로 접속해보세요 

help를 통해서 옵션을 더 볼 수 있는 데요

--dir 대상 폴더

--host 기본 값은 명령어를 실행하는 디렉토리인데 지정할 수 있습니다

--host 기본 값은 localhost 인데 0.0.0.0 으로 하면 외부에서도 접속 가능합니다

--post 기본 값은 3000인데 원하는 다르 포트로 변경 가능합니다

인증 과정이 없어서 보안에 문제가 있다고 생각해서 host는 변경하지 않고 ssh 터널링을 이용하여 접속하는 방법을 사용 중인데 향후 인증 관련 기능도 준비 중이라고 하니 그때가 되면 서버에 설치해서 써도 되겠어요

그럼 가지고 다니는 노트북은 좀 성능이 딸려도 되겠네요

 

점점 신기한 것들이 많이 나오네요~

클라우드에서 코딩할 수 있는 것들도 있지만 이런 것도 있다는 것으로 한번 소개해봤어요~

npm install 만 하면되니 설치 방법은 정말 간단하네요~