또치의 삽질 보관함 또치의 삽질 보관함

ETC

• [Gitpod] 무료 브라우저 기반 VSCode 개발환경 GitPod 소개

  ETC 2022. 2. 5. 18:40

  브라우저환경에서 개발하는 셀프호스팅 방식의 서비스 `code-server`를 찍먹해본적이 있었다. code-server 자체는 무료지만, 별도의 서버가 필요하다. 이번시간에 소개하는 서비스는 개인개발자 한정으로 무료 사용이 가능한 Gitpod를 소개한다. https://www.gitpod.io/ Gitpod - Always ready to code Gitpod streamlines developer workflows by providing prebuilt, collaborative developer environments in your browser - powered by VS Code. www.gitpod.io 사용방법은 아주 간단하다. 가입하고, 리포지토리를 불러와서, workspace를 만들면 끝이..

  Read More
• [HTML & CSS] 열(Column)만 고정처리 예제

  ETC 2022. 1. 22. 14:36

  테이블 태그에서 첫번째 열 고정처리 예제 이름 {{ j }} OOO {{ i }} 결과 HTML 삽입 미리보기할 수 없는 소스

  Read More
• [HTML & CSS] 말줄임표 예제

  ETC 2022. 1. 22. 14:35

  this text not show all. 결과 HTML 삽입 미리보기할 수 없는 소스

  Read More
• [VSCode] 특정 문자를 찾아 개행하는 미세먼지팁

  ETC 2021. 12. 26. 13:43

  아래와 같은 문자를 다음과 같이 바꾸고 싶을때가 있다. [변경전] 1,2,3,4,5,6,7 [변경후] 1, 2, 3, 4, 5, 6, 7 VSCode는 아래와 같이 쉽게 바꿀 수 있다.

  Read More
• [VSCode] remote-ssh 로 연결 안 될 때 확인할 사항

  ETC 2021. 11. 21. 17:55

  VSCode는 개발도구는 물론 서버도 편리하게 관리할 수 있도록 원격 지원 확장툴을 제공한다. 명령어로는 동작하는 SSH가 개발도구에선 안될때가 있다. 그럴 경우 저장된 연결정보인 `config` 파일을 열어 IdentityFile의 경로를 확인하도록 하자. `config` 파일경로는 Windows의 경우 C:/Users/{유저폴더}/.ssh/ 에 있다. ssh 명령어로 연결할때 자동으로 상대경로가 설정될 수 도 있다. shell 상에선 이상없으나, VSCode에선 Key 파일을 못 찾을 수 있으므로 절대경로로 변경해줘야 한다. 만약 cmd 나 shell에서도 ssh 연결이 안되는 문제라면 아래 포스트를 참고하도록 하자. [SSH] Windows OS에서 SSH 연결시 bad owner or permis..

  Read More
• [WASM] WSL-Ubuntu에 emscripten 설치

  ETC 2021. 11. 15. 00:27

  emsscripten 은 c, c++로 작성한 소스코드를 최신 web browser에서 사용할 수 있는 wasm 형식으로 build/porting 해주는 도구이다. 해당 사이트에 접속하면 설치 방법 및 튜토리얼이 있는데 막히는 점이 있어 정리할 겸 작성한다. 아래 방법은 Windows WSL - Ubuntu 20.04를 기준으로 진행하였다. 1. emsdk 다운로드 git 명령어로 emsdk 소스를 다운로드 받은 후 해당 경로로 이동한다. WSL - Ubuntu 20.04의 경우 git 명령어가 기본 설치되어 있다. 만약 없을 경우 설치하기 바란다. # Get the emsdk repo git clone https://github.com/emscripten-core/emsdk.git # Enter tha..

  Read More
• [code-server] 서버기반 개발환경으로 vscode를 실행하는 code-server 소개

  ETC 2021. 10. 31. 21:01

  지난시간엔 MS의 vscode.dev를 소개하는 글을 올렸었다. 브라우저에서 vscode를 사용할 수 있어 어떤 디바이스를 사용해도 소스코드를 수정하거나 확인할 수 있지만, 터미널이나 실제 코드를 디버깅하는 기능은 사용할 수 없다는 단점이 있었다. 이번시간에는 비록 MS에서 직접 개발한 것은 아니지만, 서버 비용외 별도 사용량은 없는 MIT 기반 개발환경 구축 플랫폼인 code-server를 소개한다. https://github.com/cdr/code-server GitHub - cdr/code-server: VS Code in the browser VS Code in the browser. Contribute to cdr/code-server development by creating an accoun..

  Read More
• [vscode.dev] 브라우저 기반 에디터 vscode.dev 소개

  ETC 2021. 10. 23. 11:58

  무료 개발 툴 중에서 가장 인기가 많다고해도 과언이 아닌 코드 에디터 vscode의 웹 브라우저 버전이 정식으로 나왔다. 최신 브라우저에서 https://vscode.dev 를 접속하면 확인할 수 있다. 브라우저에서 동작하기 때문에 갤럭시탭이나 아이패드와 같은 테블릿이나 휴대폰에서도 접속하여 사용이 가능하다. 물론 접속한 브라우저와 기기OS의 상황에 따라 로컬 프로젝트 사용가능 유무가 갈리며, 디버깅에 제약이 있다. 이번시간엔 일반적인 PC 환경 외, 테블렛에서도 적용 가능한 방법으로 vscode.dev 를 맛보기로 한다. 1. Github에서 리포지토리 만들기 기능을 제대로 사용하기위해선 Github 계정이 필요하므로 가입이 선행되어야 한다. Github에서 신규 리포지토리를 만든다. 2. vscode..

  Read More