🏫 TECH
-
안녕하세요. 팀드모네입니다. 오늘은 자신의 웹사이트 SEO 체크, 개선하는 방법을 공유드립니다. 1. SEO 체크 방법? 자신이 만든 홈페이지의 SEO를 체크하는 방법은 아래와 같습니다. 구글에서 운영 중인 PageSeed insights라는 SEO 체크 홈페이지에서 접속합니다. https://pagespeed.web.dev/ 2. SEO를 체크하려는 사이트 입력 웹페이지 URL 입력이라는 칸이 존재하는데 거기에 검사하려는 사이트를 입력합니다. 3. 검사 결과 확인 그러면, 해당 웹사이트에 대해 개선할 점들이 쭈우우욱 나오게 됩니다. ㅠ - ㅠ 지적받은 사안 중 접근성 부분에서 "버튼에 접근 가능한 이름이 없습니다." 라는 이슈를 해결해보겠습니다. 4. "버튼에 접근 가능한 이름이 없습니다." 라는 SE..
[5분 내로] 자신의 웹사이트 SEO 체크, 개선 방법 예시안녕하세요. 팀드모네입니다. 오늘은 자신의 웹사이트 SEO 체크, 개선하는 방법을 공유드립니다. 1. SEO 체크 방법? 자신이 만든 홈페이지의 SEO를 체크하는 방법은 아래와 같습니다. 구글에서 운영 중인 PageSeed insights라는 SEO 체크 홈페이지에서 접속합니다. https://pagespeed.web.dev/ 2. SEO를 체크하려는 사이트 입력 웹페이지 URL 입력이라는 칸이 존재하는데 거기에 검사하려는 사이트를 입력합니다. 3. 검사 결과 확인 그러면, 해당 웹사이트에 대해 개선할 점들이 쭈우우욱 나오게 됩니다. ㅠ - ㅠ 지적받은 사안 중 접근성 부분에서 "버튼에 접근 가능한 이름이 없습니다." 라는 이슈를 해결해보겠습니다. 4. "버튼에 접근 가능한 이름이 없습니다." 라는 SE..
2023.01.27 -
안녕하세요. 팀드모네입니다. 오늘은 Vue에서 발생하는 Component name "header" should always be multi-word vue/multi-word-component-names 관련 에러를 해결하는 방법에 대해 공유드립니다. [에러 원인] Vue에서는 컴포넌트나 name을 만들 때, 두 단어의 조합으로 해야한다는 규칙이 있다. 때문에 header나 footer 등의 네이밍도 잡아낸다. 이런 제약에 대한 의도는 좋으나.. 어떤 상황에선 불편한 것 같다. 결론적으로 관련 설정을 OFF하면 에러가 해결될 것으로 보인다. [해결 방법] 1. Vue-Cli로 프로젝트를 만든 경우 vue.config.js에 lintOnSave : false를 추가하면 됩니다. 참고로.. 해당 코드를 추가..
[오류 해결 방법] Component name "header" should always be multi-word안녕하세요. 팀드모네입니다. 오늘은 Vue에서 발생하는 Component name "header" should always be multi-word vue/multi-word-component-names 관련 에러를 해결하는 방법에 대해 공유드립니다. [에러 원인] Vue에서는 컴포넌트나 name을 만들 때, 두 단어의 조합으로 해야한다는 규칙이 있다. 때문에 header나 footer 등의 네이밍도 잡아낸다. 이런 제약에 대한 의도는 좋으나.. 어떤 상황에선 불편한 것 같다. 결론적으로 관련 설정을 OFF하면 에러가 해결될 것으로 보인다. [해결 방법] 1. Vue-Cli로 프로젝트를 만든 경우 vue.config.js에 lintOnSave : false를 추가하면 됩니다. 참고로.. 해당 코드를 추가..
2023.01.24 -
안녕하세요. 팀드모네입니다. 오늘은 VSCODE에서 VUE를 개발할 때, 설치를 권장드리는 확장 프로그램(Extension)에 대해 공유드립니다. 확장 프로그램 설치 방법? 우선, 확장 프로그램 설치 방법은 VSCODE 좌측 사이드바에서 Extension 아이콘을 클릭 설치를 원하시는 프로그램을 검색 -> 프로그램 찾으신 후 install 버튼을 누르시면 됩니다. 1. Prettier - Code formatter Prettier는 삭막한 세상에서 살아가는 개발자들의 빠른 퇴근을 돕고 「마음을 치유하는 천사같은 플러그인」입니다. 이름과 로고에서 느껴지듯, 코드를 예쁘게 정렬하기 위해서 사용하는 플러그인이죠. 사실 Prettier는 Vue 뿐 아니라 javascript, typescript, json, c..
VSCode에서 vue를 개발할 때, 꼭 설치해야 하는 확장 프로그램 TOP4안녕하세요. 팀드모네입니다. 오늘은 VSCODE에서 VUE를 개발할 때, 설치를 권장드리는 확장 프로그램(Extension)에 대해 공유드립니다. 확장 프로그램 설치 방법? 우선, 확장 프로그램 설치 방법은 VSCODE 좌측 사이드바에서 Extension 아이콘을 클릭 설치를 원하시는 프로그램을 검색 -> 프로그램 찾으신 후 install 버튼을 누르시면 됩니다. 1. Prettier - Code formatter Prettier는 삭막한 세상에서 살아가는 개발자들의 빠른 퇴근을 돕고 「마음을 치유하는 천사같은 플러그인」입니다. 이름과 로고에서 느껴지듯, 코드를 예쁘게 정렬하기 위해서 사용하는 플러그인이죠. 사실 Prettier는 Vue 뿐 아니라 javascript, typescript, json, c..
2023.01.24 -
안녕하세요. 팀드모네입니다. 오늘은 Visual Studio Code에서 발생하는 vue : 이 시스템에서 스크립트를 실행할 수 없으므로... 오류 해결 방법을 공유드립니다. 보통 vue create 시 발생하며, Powershell 파워쉘 실행정책을 건드는 방법으로 해결하였습니다. [해결방법] 1. Visual Studio Code를 관리자 권한으로 실행 2. 터미널에서 아래의 명령어를 차례로 입력 get-executionpolicy set-executionpolicy remotesigned get-executionpolicy 3. 결과 확인 감사합니다. reference : https://www.inflearn.com/questions/18112/vue-create-vue-form-%EC%97%90%..
[오류 해결 방법] vue 이 시스템에서 스크립트를 실행할 수 없으므로 vue.ps1 파일을 로드할 수 없습니다안녕하세요. 팀드모네입니다. 오늘은 Visual Studio Code에서 발생하는 vue : 이 시스템에서 스크립트를 실행할 수 없으므로... 오류 해결 방법을 공유드립니다. 보통 vue create 시 발생하며, Powershell 파워쉘 실행정책을 건드는 방법으로 해결하였습니다. [해결방법] 1. Visual Studio Code를 관리자 권한으로 실행 2. 터미널에서 아래의 명령어를 차례로 입력 get-executionpolicy set-executionpolicy remotesigned get-executionpolicy 3. 결과 확인 감사합니다. reference : https://www.inflearn.com/questions/18112/vue-create-vue-form-%EC%97%90%..
2023.01.24 -
안녕하세요. 팀드모네입니다. 오늘은 PgAdmin에서 발생하는 Utility file not found. Please correct the Binary Path in the Preferences dialog 에러를 해결하는 방법에 대해 공유드립니다. 1. pgadmin4 실행 2. File > preperences 메뉴 클릭 3. Paths > Binary paths에 들어가서 C:\Program Files\PostgreSQL\14\bin을 입력. * PostgreSQL 버전이 설치된 위치의 bin을 넣으면 된다는 의미입니다. 감사합니다.
Utility file not found. Please correct the Binary Path in the Preferences dialog 해결 방법안녕하세요. 팀드모네입니다. 오늘은 PgAdmin에서 발생하는 Utility file not found. Please correct the Binary Path in the Preferences dialog 에러를 해결하는 방법에 대해 공유드립니다. 1. pgadmin4 실행 2. File > preperences 메뉴 클릭 3. Paths > Binary paths에 들어가서 C:\Program Files\PostgreSQL\14\bin을 입력. * PostgreSQL 버전이 설치된 위치의 bin을 넣으면 된다는 의미입니다. 감사합니다.
2023.01.15 -
안녕하세요. 팀드모네입니다. 오늘은 postgreSQL 설치 중 There has been an error Error running라는 에러를 해결하는 방법을 공유듣립니다. [원인] -> 저의 경우 컴퓨터의 이름이 한글로 되어 있어서 그랬습니다. - ㅅ - *하.... 머글.... 컴퓨터 이름에 한글을 입력하는 것은 안드로이드 개발자에겐 금기사항인데.. [해결방법] -> 당연히 컴퓨터 이름에 한글을 제거하였더니 관련 모든 문제가 해결되었습니다. [참고 사항] 11.2-1 버전의 postgresql을 설치함으로써 해당 오류가 해결될 수도 있다고 합니다. 다운로드 링크 : https://get.enterprisedb.com/postgresql/postgresql-11.2-1-windows-x64.exe 다만..
[PostgreSQL] There has been an error Error running.. 해결안녕하세요. 팀드모네입니다. 오늘은 postgreSQL 설치 중 There has been an error Error running라는 에러를 해결하는 방법을 공유듣립니다. [원인] -> 저의 경우 컴퓨터의 이름이 한글로 되어 있어서 그랬습니다. - ㅅ - *하.... 머글.... 컴퓨터 이름에 한글을 입력하는 것은 안드로이드 개발자에겐 금기사항인데.. [해결방법] -> 당연히 컴퓨터 이름에 한글을 제거하였더니 관련 모든 문제가 해결되었습니다. [참고 사항] 11.2-1 버전의 postgresql을 설치함으로써 해당 오류가 해결될 수도 있다고 합니다. 다운로드 링크 : https://get.enterprisedb.com/postgresql/postgresql-11.2-1-windows-x64.exe 다만..
2023.01.11