code server 세팅 기록

Linux, Tool
외근이 많다보니 IDE 세팅을 일일이 맞추기도 힘들어서 알아보던 도중에 code-server가 존재하는것을 알게 되었습니다. PC에 설치 하지 않고 Server에 설치해서 Webbrowser를 이용해서 IDE를 사용하도록 해주는 Tools 이여서 상당히 끌리게 되어서 제 서버에 설치를 하게 되었습니다. 전 웹서버를 이용할대 Apache를 잘 이용하지만 이번에는 code-server 때문에 nginx 를 이용해서 설치를 하게 되었습니다. code-server만을 이용할때는 상당히 잘 작동을 하고 빠르게 작동을 하여서 만족을 하게 되었습니다. 애초에 nginx가 apache보다 가볍기 때문에 속도가 잘 보장이 되어서 좋은 기능을 사용할 수 있게 되었지만 서버를 code-server 만으로 사용하기에는 자원을 너무 낭비를 하기에 여러가지 올리는 도중에 webdav까지 사용할 수 있도록 설정을 하려고 하다보니 여러가지 설정을 찾아서 헤매게 되었습니다. nginx 설정을 인터넷에 많기 때문에 자료를 정리하려다가 포기하고, apache로 갈아 타게 되었습니다. apache도 code-server 기능을 이용하기 위해서는 인터넷에 찾아보니 여러가지로 돌아 다니지만 참 난관의 연속이였습니다.꼬박 하루를 설정을 가지고 WEB 서버 가동을…
Read More

Dropbox를 통한 VSCode 환경설정 동기화

Tool
github를 사용하면은 쉽게 할  수 있는 방법은 검색만 해도 많지만은, github를 사용하지 않고 환경설정이나 확장 프로그램을 관리하기 위해서 고민을 하다가 기존에 사용하는 Dropbox를 이용해서 하는 방법을 강구했습니다. 기존에 환경설정이나 확장 프로그램을 미리 복사해서 백업을 해 놓고 사용하시기 바랍니다. Windows의 CMD(명령프롬프트) 를 통해서 아래의 명령어를 입력하면은 Dropbox에 복사해 놓은 환경 설정과 확장 프로그램을 사용합니다. mklink /d "%USERPROFILE%\.vscode\extensions" "D:\Dropbox\Backup\.vscode\extensions" mklink "%APPDATA%\Code\User\settings.json" "D:\Dropbox\Backup\.vscode\settings.json" 이 이후에 VSCode를 실행하고 다른곳에서도 동일한 작업을 하고 나서 하면은 동이한 환경 설정을 이용해서 사용할수 있습니다. 이 방법을 통해서 모든 코드, 문서를 관리하는 방법으로 인해서 전 어느 컴퓨터라도 동일한 환경에서 작업을 진행하고 동일한 작업을 진행 할 수 있어서 행복합니다. 물론 Github의 gist를 통해서도 가능하지만 그외에 방법으로 할 수 있다는 점을 글을 적어 봅니다.
Read More

VSCode default, sftp 설정 기록

Tool
default.josn { "editor.fontFamily": "Consolas, D2Coding, 'Courier New', monospace", "editor.fontSize": 14, "workbench.sideBar.location": "left", "workbench.colorTheme": "Visual Studio Dark", "explorer.confirmDelete": false, "php.validate.executablePath": "C:/PHP7/php.exe" } 위에 설정으로 사용을 하고 있습니다. 지극히 개인적인 설정이기에 때문에 각 개인에 맞도록 설정을 해야 하는점을 기억해 주시기 바랍니다. sftp.json { "name": "자신이 구분할 이름", // 구분자 이름 "context": "D:\\PROJECT\\로컬경로", // 로컬 저장 경로 "host": "HOST주소", // HOST 주소 "protocol": "sftp/ftp", // 접속 프로토콜 "port": 22, // 접속 포트 "username": "ID", // ID "password": "PASSWORD", // PASSWORD "remotePath": "/home/PATH", // Server 경로 "uploadOnSave": true, // 저장시 자동 업로드 "passpharse":null, "passive": false, "syncMode": "update", "watcher": { "files": "**/.{css,js}", // 감시할 파일 목록 "autoUpload": false, "autoDelete": false, "autoDownload": true }, "ignore": [ // 업로드에서 제외할 파일 확장자 "**/.vscode", "**/.gif", "**/.DS_Store", "**/.sftpConfig.json", "**/.bak" ] }, 일반적인 방법은 아닙니다. 단지 제가 설정해서 사용하는 내용을…
Read More