ETC
-
[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..
-
[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..
-
[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..
-
[vscode.dev] 브라우저 기반 에디터 vscode.dev 소개ETC 2021. 10. 23. 11:58
무료 개발 툴 중에서 가장 인기가 많다고해도 과언이 아닌 코드 에디터 vscode의 웹 브라우저 버전이 정식으로 나왔다. 최신 브라우저에서 https://vscode.dev 를 접속하면 확인할 수 있다. 브라우저에서 동작하기 때문에 갤럭시탭이나 아이패드와 같은 테블릿이나 휴대폰에서도 접속하여 사용이 가능하다. 물론 접속한 브라우저와 기기OS의 상황에 따라 로컬 프로젝트 사용가능 유무가 갈리며, 디버깅에 제약이 있다. 이번시간엔 일반적인 PC 환경 외, 테블렛에서도 적용 가능한 방법으로 vscode.dev 를 맛보기로 한다. 1. Github에서 리포지토리 만들기 기능을 제대로 사용하기위해선 Github 계정이 필요하므로 가입이 선행되어야 한다. Github에서 신규 리포지토리를 만든다. 2. vscode..
-
[CRC] CRC parity bit 계산 사이트ETC 2021. 9. 25. 12:00
https://www.lammertbies.nl/comm/info/crc-calculation?crc=123456789&method=ascii On-line CRC calculation and free library - Lammert Bies On-line CRC calculation sheet. Free CRC routines downloadable. Covers CRC-16, CRC-32, CRC-CCITT, DNP, Sick and other routines. www.lammertbies.nl 대략 10년 전 설비관제, 제어 업체를 다니던 시절에 parity bit 체크 테스트를 위해 접속했던 사이트로 기억한다. 또 찾을 일은 없겠지만 필요한 사람이 있을 듯 하여 링크를 올려둔다.
-
[WSL2] WSL Ubuntu에 실행한 Web이 host OS에서 localhost로 접속이 안되는 현상을 해결하는 간단한 방법ETC 2021. 5. 20. 21:45
이전에 WSL 기반 React 프로젝트가 npm start 명령어로 dev 서버를 실행해도 안되는 현상이 있어 해결방법을 기록해 둔적이 있었다. https://ddochea.tistory.com/140 이번엔 더 간단한 방법이 있어 기록해본다. vscode 실행전, Host OS에서 cmd에 아래 명령어를 실행한다. wsl --shutdown 그 다음 wsl vscode를 실행하면 된다. 그 뒤 localhost 접속가능여부를 확인해보도록 하자. (만약 안된다면, https://ddochea.tistory.com/140 를 시도해보도록 하자)
-
[디자인] CSS, Mobile App 개발시 유용한 사이트 모음ETC 2021. 5. 9. 23:17
웹 프론트엔드영역 개발시 필요한 사이트나 도구를 링크로 보관하고자 정리한 포스트 1. 구글 폰트(Google Fonts) 웹 폰트 및 아이콘 제공 및 검색할 수 있는 사이트. 구글에서 제공한다. fonts.google.com Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. Figma 목업(Mockup) 디자인 개발에 유용한 툴. 만든 디자인을 css, svg 로 export 할 수 있다. www.figma.com/ Figma: the collaborative interface design tool. Build better products as a team. Design..
-
[html] input file 태그를 커스터마이징하려면 label 태그를 이용해야 한다.ETC 2021. 5. 3. 21:48
input 태그는 그 자체로 디자인을 적용하기 까다로운 점이 있다. 따라서 디자인을 적용하고 싶다면 input 태그는 display: none; 으로 숨기고, label 태그를 연결한 뒤, label 태그에 CSS를 적용해야 한다. 아래는 input file tag와 label tag를 이용하여, 128 * 128 크기의 영역을 눌러 file 선택 창을 띄우는 방법 예시이다. css style 이 조금 가미되었지만 크게 중요하진 않다. 클릭하세요. 결과는 아래와 같이 나온다. 클릭하면 OS에 기본제공되는 파일 선택 화면이 표시된다.