코딩 기록

2020년 현재 최고 에디터는 무엇일까요. 개발자에 따라서 통합 IDE를 선호하기도 하고 Vim이나 이맥스 쪽을 선호하기도 하는데요. 오늘은 visual studio code 이야기를 해보겠습니다. visual studio code는 2019년 스택오버플로우 개발자 설문에서 50.7% 개발자가 사용한다고 응답하여 최근에 가장 인기 있는 개발 도구임을 보여주었습니다. Emacs 4.5%와 Vim 25.4% 사용자를 모두 합쳐도 비주얼 스튜디오 코드 절반 정도입니다. 에디터 전쟁은 오래전부터 내려오던 떡밥이었는데 visual studio code 정도면 이 전쟁을 끝냈다고 볼 수 있습니다. 또한, 이름 때문에 오해할 수 있지만, 마이크로소프트의 개발 도구인 visual studio와는 전혀 다른 애플리케이션..

예제 시작하기Electron는 Web 어플리케이션 개발에 사용되는 Javascript, HTML, CSS 등의 기술을 사용하여 데스크탑 응용 프로그램을 개발할 수 있는 프레임워크입니다. 하나의 소스로 크로스 플랫폼(Windows, Mac OS, Linux) 데스크톱 응용 프로그램을 개발할 수 있습니다. 이 포스트에서는 Ubuntu에서 Electron과 Vue.js를 이용한 데스크톱 애플리케이션 개발을 시작하는 데 필요한 도구의 설치 절차와 실제로 데모 프로그램 실행하기까지를 정리합니다. 결과는?다음과 같이 디폴트 상태의 Vue js + electorn 응용 프로그램을 시작하는 것까지를 정리합니다. 구동 환경다음과 같습니다. 운영체제 OS : Ubuntu 18.04Node 환경은 구축 완료. 여기에서는 v..

타입스크립트 다루던 중 만나게 된 에러입니다. 툴은 visual studio code이며, vuex와 vue cli를 사용했습니다. 우선, 웹소켓 vue-native-websocket은 아래 공식 사이트를 참조하시면 됩니다. 참조 : vue-native-websocket-forkgz [바로가기] 터미널에서 yarn add vue-native-websocket 명령어를 입력하면 설치가 됩니다. npm install vue-native-websocket --save도 상관없어요. 근데, import VueNativeSock from 'vue-native-websocket' 부분에서 웹소켓 오류가 발생합니다. 모듈 'vue-native-websocket'에 대한 선언 파일을 찾을 수 없습니다 'websocke..

delete ␍ eslint(prettier/prettier) 이 오류는 타입스크립트를 포함하여 여러 스크립트 언어에서 발생하는 에러입니다. 왜냐면 eslint(prettier)에서 발생시키는 오류이기 때문입니다. 비주얼 스튜디오 코드에서 해결하는 방법은 2가지입니다. 저는 타입스크립트 사용 중 발생했지만, 에러 메시지가 똑같고 prettier를 사용한다면 같은 방법으로 오류를 없앨 수 있으니 참조하셔도 좋습니다. visual studio code 해결 첫 번째. 툴 오른쪽 아래에 보면 "줄 시퀀스의 끝 선택"을 확인할 수 있습니다. CRLF로 되어 있는데요. 여기를 클릭하세요. 화면 맨 위 가운데에 "줄 시퀀스의 끝 선택"이 활성화되며 LF 또는 CRLF를 선택할 수 있습니다. CRLF란 CR과 LF가..