vscode
-
여기에서는 vscode를 사용하면서 설정한 사용한 내용들을 정리해보자. Java Compiletion: Match Casevscode에서 코드 자동완성 기능은 기본적으로 대소문자를 가린다.이때 Java > Completion: Match Case를 사용한다. 이 속성의 기본 값은 FirstLetter 즉 첫 글자를 기준으로 하는데 대소문자를 가린다. 이 부분을 off 로 변경해주자.
[vscode] 사소한 설정들여기에서는 vscode를 사용하면서 설정한 사용한 내용들을 정리해보자. Java Compiletion: Match Casevscode에서 코드 자동완성 기능은 기본적으로 대소문자를 가린다.이때 Java > Completion: Match Case를 사용한다. 이 속성의 기본 값은 FirstLetter 즉 첫 글자를 기준으로 하는데 대소문자를 가린다. 이 부분을 off 로 변경해주자.
2024.04.30 -
이번 포스트에서는 vscode에서 emmet이 작성해주는 태그를 수정하는 방법에 대해 살펴보자. 기본적으로 설정들은 F1 > Preferences: Open Settings(UI)에서 emmet으로 검색한 후 설정을 수정하면 된다. !으로 생성된 템플릿의 lang 변경 !를 사용하면 기본적인 html 템플릿을 작성해주는데 여기 사용된 lang이 en이다. 이 녀석을 ko로 변경해보자. 기본적으로 emmet은 추가로 설정된 내용이 없으면 default를 사용하게 되는데 default lang의 값이 en이다. 이를 변경하기 위해서는 맨 하단에 Emmet:Variables를 찾아서 [Add Item] 클릭 후 lang item의 값을 ko로 지정해주면 된다.
[vscode] emmet: !으로 생성된 템플릿의 lang 변경이번 포스트에서는 vscode에서 emmet이 작성해주는 태그를 수정하는 방법에 대해 살펴보자. 기본적으로 설정들은 F1 > Preferences: Open Settings(UI)에서 emmet으로 검색한 후 설정을 수정하면 된다. !으로 생성된 템플릿의 lang 변경 !를 사용하면 기본적인 html 템플릿을 작성해주는데 여기 사용된 lang이 en이다. 이 녀석을 ko로 변경해보자. 기본적으로 emmet은 추가로 설정된 내용이 없으면 default를 사용하게 되는데 default lang의 값이 en이다. 이를 변경하기 위해서는 맨 하단에 Emmet:Variables를 찾아서 [Add Item] 클릭 후 lang item의 값을 ko로 지정해주면 된다.
2023.03.08 -
개발 환경 구축 뭘 하든 간에 일단 개발 환경이 삐까뻔쩍 해야 폼이 나는 법이다.!! 이번 포스트에서는 제대로 Vue.js를 개발하기 위해 필요한 툴들을 설치해 보자. Vue.js 개발을 위해 필요한 것들 Vue.js는 그냥 Javascript이기 때문에 사실 아무 툴이나 있어도 상관없다. ㅜㅜ 하지만 조금이라도 편하게 개발하려면 필요한 녀석들은 존재한다. 일단 개발을 위한 기본 툴로는 Visual Studio Code(이하 VSCode)를 권장한다. MS에서 나온 오픈 소스이며 상당히 가벼운 에디터이다. VSCode에도 이클립스처럼 다양한 플러그인(Extension)을 설치해서 기능을 확장하는 방식이다. Vue.js로 개발하다 보면 다양한 3rd party 자바스크립트 라이브러리들을 설치하게 되는데 S..
[vue 3] 02.개발환경 구축개발 환경 구축 뭘 하든 간에 일단 개발 환경이 삐까뻔쩍 해야 폼이 나는 법이다.!! 이번 포스트에서는 제대로 Vue.js를 개발하기 위해 필요한 툴들을 설치해 보자. Vue.js 개발을 위해 필요한 것들 Vue.js는 그냥 Javascript이기 때문에 사실 아무 툴이나 있어도 상관없다. ㅜㅜ 하지만 조금이라도 편하게 개발하려면 필요한 녀석들은 존재한다. 일단 개발을 위한 기본 툴로는 Visual Studio Code(이하 VSCode)를 권장한다. MS에서 나온 오픈 소스이며 상당히 가벼운 에디터이다. VSCode에도 이클립스처럼 다양한 플러그인(Extension)을 설치해서 기능을 확장하는 방식이다. Vue.js로 개발하다 보면 다양한 3rd party 자바스크립트 라이브러리들을 설치하게 되는데 S..
2022.06.17 -
윈도우에서 사용하던 파이썬 프로그램을 맥에서 돌려보니 갑자기 또 오류가 튀어나왔다. SyntaxError: Non-ASCII character '\xec' in file ..... but no encoding declared 이건 또 무슨 오류일까? 문제 원인 및 해결 문제 원인과 대책 오류 메시지는 ASCII가 아닌 \xec 라는 문자가 사용되고 있다는 이야기인데 파이썬 2.X 버전에서 코드상에 한글로 주석이 작성되었을 경우에 발생한다. 이런 경우 소스에 utf-8을 사용하고 있다는 설정을 해주면 되긴 하는데 어차피 3.X의 사용이 권장되기 때문에 파이썬 버전을 올려주도록 한다. 버전 확인 및 업그레이드 현재 파이썬 버전을 살펴보면 2.7이다. (생각해보니 맥북에는 파이썬을 설치한 적이 없는것 같은데...
[오류]SyntaxError: Non-ASCII character '\xec' in file윈도우에서 사용하던 파이썬 프로그램을 맥에서 돌려보니 갑자기 또 오류가 튀어나왔다. SyntaxError: Non-ASCII character '\xec' in file ..... but no encoding declared 이건 또 무슨 오류일까? 문제 원인 및 해결 문제 원인과 대책 오류 메시지는 ASCII가 아닌 \xec 라는 문자가 사용되고 있다는 이야기인데 파이썬 2.X 버전에서 코드상에 한글로 주석이 작성되었을 경우에 발생한다. 이런 경우 소스에 utf-8을 사용하고 있다는 설정을 해주면 되긴 하는데 어차피 3.X의 사용이 권장되기 때문에 파이썬 버전을 올려주도록 한다. 버전 확인 및 업그레이드 현재 파이썬 버전을 살펴보면 2.7이다. (생각해보니 맥북에는 파이썬을 설치한 적이 없는것 같은데...
2022.05.17 -
이번 포스트에서는 본격적으로 프로젝트를 생성해보자. 프로젝트 관리 프로젝트 생성 프로젝트를 생성하기 위해서는 command palette에서 Java:Create Java Project를 선택한다. 특별한 build tool을 사용하지 않을 계획이면 No build tools를 선택하면 된다. Maven을 적용할 경우 Maven을 선택한다. Spring Boot는 있지만 Spring Legacy는 따로 없으므로 Maven을 이용해야 할 것 같다. 여기서는 [No build tools]를 선택해보자. 프로젝트를 저장할 경로를 선택한 후 프로젝트 이름을 입력하면 생성완료다. 흔히 생각할 수 있는 구조의 프로젝트가 생성된다. README.md 파일을 열어보면 몇 가지 안내를 더 해준다. 개인적으로 차분히 읽어..
[vscode]java project 개발해보기-2이번 포스트에서는 본격적으로 프로젝트를 생성해보자. 프로젝트 관리 프로젝트 생성 프로젝트를 생성하기 위해서는 command palette에서 Java:Create Java Project를 선택한다. 특별한 build tool을 사용하지 않을 계획이면 No build tools를 선택하면 된다. Maven을 적용할 경우 Maven을 선택한다. Spring Boot는 있지만 Spring Legacy는 따로 없으므로 Maven을 이용해야 할 것 같다. 여기서는 [No build tools]를 선택해보자. 프로젝트를 저장할 경로를 선택한 후 프로젝트 이름을 입력하면 생성완료다. 흔히 생각할 수 있는 구조의 프로젝트가 생성된다. README.md 파일을 열어보면 몇 가지 안내를 더 해준다. 개인적으로 차분히 읽어..
2021.11.15 -
그동안 정들었던 eclipse를 떠나보내고 vscode를 적극적으로 사용해보기로 맘먹고 이것 저것 해보려고 한다. 아무래도 이클립스가 무겁기도 하고 Vue 등을 개발하다 보니 javascript 자동 완성이나 emmet 등 기능도 기본으로 제공하고 one editor로 써보고 싶어서 이다. 신나는 삽질을 시작해보자!! 대부분의 내용은 vscode에 있는 tutorial을 따라서 해볼 계획이다. https://code.visualstudio.com/docs/java/java-tutorial Getting Started with Java in Visual Studio Code Java tutorial showing basic Java language support in the Visual Studio Cod..
[vscode] java project 개발해보기-1그동안 정들었던 eclipse를 떠나보내고 vscode를 적극적으로 사용해보기로 맘먹고 이것 저것 해보려고 한다. 아무래도 이클립스가 무겁기도 하고 Vue 등을 개발하다 보니 javascript 자동 완성이나 emmet 등 기능도 기본으로 제공하고 one editor로 써보고 싶어서 이다. 신나는 삽질을 시작해보자!! 대부분의 내용은 vscode에 있는 tutorial을 따라서 해볼 계획이다. https://code.visualstudio.com/docs/java/java-tutorial Getting Started with Java in Visual Studio Code Java tutorial showing basic Java language support in the Visual Studio Cod..
2021.11.15 -
vscode를 열심히 사용하다보니 아래와 같은 오류 메시지를 접하게 되었다. 현재 2019.11.26일 시점에 vscode의 오류인것 같다. vscode는 valid 한 파일 이름으로 ([$\\w]+\\.)*[$\\w]+ 정규식을 통과해야 한다. 한글은 \w에 부적합 하기 때문에 사용할 수 없다. ㅜㅜ
[vscode] ConfigError:'class name' is not a valid class namevscode를 열심히 사용하다보니 아래와 같은 오류 메시지를 접하게 되었다. 현재 2019.11.26일 시점에 vscode의 오류인것 같다. vscode는 valid 한 파일 이름으로 ([$\\w]+\\.)*[$\\w]+ 정규식을 통과해야 한다. 한글은 \w에 부적합 하기 때문에 사용할 수 없다. ㅜㅜ
2019.11.26 -
유용한 플러그인 1. Live Server : html을 바로 웹 서버에서 실행해준다. 2. prettier 3. Path Intellisense : file의 경로를 자동완성함 4. auto rename tag html, xml의 시작 태그를 고치면 자동으로 끝 태그도 수정해준다. 5. Vue Peek 사용된 Vue Component를 쉽게 추적할 수 있게 도와준다. 8. Material Icon Theme 9. Blockman 아이콘이 이뻐진다. ㅎㅎ
[vscode] 웹 개발에 유용한 플러그인 모음유용한 플러그인 1. Live Server : html을 바로 웹 서버에서 실행해준다. 2. prettier 3. Path Intellisense : file의 경로를 자동완성함 4. auto rename tag html, xml의 시작 태그를 고치면 자동으로 끝 태그도 수정해준다. 5. Vue Peek 사용된 Vue Component를 쉽게 추적할 수 있게 도와준다. 8. Material Icon Theme 9. Blockman 아이콘이 이뻐진다. ㅎㅎ
2019.11.06