JNarin Development Story

vue를 처음 개발하면 몇 가지 에러가 자주 발생한다. 이런 에러는 해결법은 쉬운데 왜 하는지에 대한 설명을 더 추가하고 싶어서 이 글을 쓰게 되었다. 1. PRETTIER 에러 원인 vue를 처음 생성하고 마주한 에러가 있었다. 여기서 생기는 원인은 라인의 끝의 줄바꿈에는 두 가지가 있다. 하나는 \n은 리눅스와 맥에서 발생하고, 또 하나는 \r\n으로 윈도에서 발생하여 운영 체제가 다른 문제로 인하여 생기는 원인이다. Delete `␍` 물론 간단하지만, 노가다가 필요한 방법이 한 가지가 있다. End Line Sequnce를 LF로 변경하는 것이지만 파일이 많으면 이마저도 좋은 방법이 아니라고 한다. 2. 그래서 해결방법은? 그래서 좀 더 수월한 방법은 다음과 같다. 아래 rules라는 코드를 추가..

원래 VSCode는 터미널을 열 때 기본 터미널 설정이 가능하게 되었다. 그런데 터미널 디자인이 바뀐 후에는 그 부분이 되지 않아, 다른 방법을 찾게 되었다. 일반적으로 내 기억 속에서는 아래와 같은 방식으로 금방 설정이 된 것으로 기억한다. 이렇게 설정 후 터미널을 닫고 다시 터미널을 열면, 원하는 형식으로 나오는데 터미널이 두 개가 열리는 현상이 된다. 그래서 다른 방법을 알아보았고 그 방법을 설명해보려고 한다. powershell에서 git bash로 변경하는 방법 먼저 Ctrl + , 를 눌러 settings로 들어가 terminal.integrated.shell이라는 것을 입력한다. 그리고 필자와 같은 윈도라면 윈도 아래에 Edit in settings.json을 클릭한다. settings.js..

VSCode를 초보자가 이것저것 사용을 하다 보면 간단한 오류에 애먹는 경우가 있다. 필자도 이를 겪었기에 이 과정을 기록하고자 내용을 남긴다. 원인 HTML 코드 입력을 위해 Snippets를 설치하였지만 태그 입력이 잘 되지 않는다. 해결방법 장고도 설치하다 보니 HTML기본 설정값이 Django로 되어있던 것이 원인으로, 클릭하여 HTML로 변경을 하면 설치한 확장자를 쓰는데 문제없이 잘 사용할 수 있다. 이처럼 확장자 설치를 하여도 실행이 만약 되지 않는다면 하단에 현재 설정된 값이 무엇인지 확인을 하는 습관을 들여야 한다.

Visual Studio Code 비주얼 스튜디오 코드는 앞서 이야기한 것과 같이 마이크로소프트가 윈도우, macOS, 리눅스용으로 개발한 소스 코드 편집기이다. 디버깅, GIT, 구문 강조 기능이 포함되어 있으며, 사용자가 원하는 기능을 검색하여 자신만의 소스 코드 편집기를 만들 수 있다는 장점이 있다. 물론, 원하는 기능을 찾아 설치는 웬만한 오픈소스 코드 편집기는 해당이 되어있다. 아마 운영체제에 따른 화면에 보이는 내용이 다를 수도 있다. 현재 필자는 Window 10 Pro 사용자라 이러한 화면이 나왔으며, 다른 운영체제를 써보지 않아서 바뀌는지는 솔직히 잘 모르니 화살표를 클릭해 본인에 운영체제에 맞게 설치하시면 된다. 여기서 설치 위치를 바꿀 수 있지만 특별히 가서 무언가 설정하는 일이 크게..