오늘은 Vue.JS의 error defined but never used no-unused-vars 해결방법에 대해 포스팅하려고 합니다. 먼저 ESLint란 Javascript에서 문법 오류 또는 사용하지 않는 변수, 함수 및 함수 매개 변수를 제거하는 검사기입니다. 린트(lint)는 소스 코드에 문제가 있는지 탐색하여 런타임 전에 에러를 미리 잡아주는 역할을 합니다. ESLint는 javascript에서 동작하는 린트(lint)라고 볼 수 있습니다. ESLint는 VSCode에서 PlugIn으로 install이 가능하며, npm으로 lib를 install 하여 사용할 수도 있습니다. 현재는 저도 VSCode에서 플러그인으로 사용중이며, error defined but never used no-unuse..
Develope
케이스 스타일(Case Styles)이란 코딩 스타일(Coding Style)중 일부로써 변수, 함수, 메소드 등의 식별자의 작명 스타일을 의미합니다. 개발자마다 케이스 스타일(Case Styles)에 대해 선호하는 스타일이 다르고, 각 프로그래밍 언어 또는 프레임워크별로 지향하는 케이스 스타일(Case Styles)이 다릅니다. 어떤 것이 더 좋다라고 이야기 하긴 어렵지만, 함께 프로젝트를 진행하는 개발자들끼리 특정 케이스 스타일(Case Styles)을 정하여 개발하는 것이 더욱 효율적인 개발환경을 만들 수 있습니다. 다음과 같은 케이스 스타일(Case Styles)이 존재합니다. 1. 카멜(Camel Case)표기법 낙타의 등 모양에서 따온 기법으로, 첫 단어는 소문자로 시작하고 두번째 단어 부터 ..
오늘은 Vue.JS의 $refs으로 Dom에 접근하는 방법에 대해 포스팅 하려고 합니다. 일반적으로 Vue를 사용하면 직접 Dom요소에 접근할 일은 거의 없습니다. 하지만 Dom요소에 직접 접근하여 컨트롤 하게되는 경우가 간혹 있기 때문에 사용되는 방법이 있습니다. dom에 ref속성을 정의하고 $refs태그를 이용하여 Dom요소에 접근을 할 수 있습니다. 아래 예제를 통해 보도록 하겠습니다. // gs_test.html {{message}} click_me test vue ref button태그에는 ref="click_btn" 속성을 입력하고, p태그에는 ref="ref_p" 속성을 입력하였습니다. click_me test vue ref 일반적으로 javascript의 document 또는 JQuery..
오늘은 Vue.JS Windows Terminal 실행시 나타나는 오류에 대한 해결 방법에 대해 포스팅 하려고 합니다. 오류의 상세 내용은 다음과 같습니다. vue를 install하고 난 이후에 vue에 대한 명령어 들을 실행할때 나타나게 됩니다. PS C:\Users\gs\Desktop\learn-vue-js-master> vue --version vue : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\gs\AppData\Roaming\npm\vue.p s1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.co m/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + vue + ~~..
오늘은 MySQL 실행된 Query log확인 및 추적하는 방법에 대해 포스팅 하려고 합니다. Query log에 쌓이는 데이터들은 DB 툴 또는 OS에 설치된 DB Script 또는 JDBC 드라이버등을 이용한 모든 실행가능한 DDL 및 DML 등의 실행한 내용들입니다. 일반적으로는 쿼리를 통한 성공 실패여부에 대해서는 log 또는 쿼리실행 결과문에서 바로 보여지는 부분이지만 어떤시간에 얼마나 어떤 Query들이 사용됐는지 보기 위해서는 log를 확인해야합니다. MySQL의 실행된 Query log확인 방법은 다음과 같습니다. 1. show variables like 'general%'; 명령어 실행 해당 명령어는 Query 입력창에 실행하며 아래 그림과 같이 general_log에 value 값이 O..
오늘은 Postman에서 Environment 환경변수 및 태그 사용 방법에 대해 포스팅 하려고 합니다. Environment를 사용하지 않아도 Postman을 사용하는 것에는 문제가 되지 않지만 기존에 잘 사용하던 API의 IP 또는 패턴이 바뀐다면 미리 Postman에 정의해둔 API들을 모두 일일이 수정해야 하는 불편한 문제가 생기기도 합니다. 따라서 API의 가변적인 IP 또는 변수와 같이 언제든지 변경될 수 있는 요소들을 Environment를 통해 관리하여 API 내용들을 일일이 변경하지 않아도 편리하게 사용할 수 있도록 할 수 있습니다. 이어서 Environment 환경변수 및 태그 사용 방법에 대해 예시를 통해 보도록 하겠습니다. 아래 그림과 같이 일반적으로 Postman을 사용하여 RES..
오늘은 이클립스(Eclipse)에서 소스코드 자동완성 기능 설정하는 방법에 대해 포스팅 하려고 합니다. Intellij를 사용해보셨던 분들이라면 소스코드가 자동으로 완성되는 기능을 기본기능으로 당연하게 사용하셨을텐데, 이클립스(Eclipse)에서도 소스코드 자동완성 기능을 설정하여 사용할 수 있습니다. 소스코드 자동완성 기능을 설정하기 위하여 이클립스(Eclipse)에서 Window -> Preferences를 클릭합니다. Preferences에서 Java -> Editor -> Content Assist를 클릭합니다. Content Assist에서 Auto Activation의 옵션중에서 Enable auto activation을 체크하여 활성화 하고 Auto activation triggers for..
오늘은 Django 프로젝트 구조 및 구성요소에 대해 포스팅 하려고 합니다. 먼저 지난 시간에 Python 및 Django를 설치한 내용을 토대로 이어서 진행하기 때문에 Django에 대해 모르시는 분들은 아래 링크를 먼저 확인하고 보셔야 이해하실 수 있습니다. [Develope/Django] - [Django] 장고 개발환경 및 프로젝트 실행하기 [Django] 장고 개발환경 및 프로젝트 실행하기 오늘은 Django 개발환경 및 프로젝트를 실행하기에 대한 포스팅을 하려고 합니다. 먼저 Django는 python기반의 Web FrameWork입니다. Django를 활용하여 개발하는 해외기업으로는 인스타그램, NASA, 빗버킷, bono915.tistory.com 지난시간에 설치 및 생성했던 Django프..