VSCode 오류 : 이 시스템에서 스크립트를 실행할 수 없으므로... VSCode의 터미널을 통하여 npm혹은 yarn을 사용하여 처음 작업을 수행할 때, 다음과같은 에러가 발생할 수 있습니다. 내용은 "이 시스템에서 스크립트를 실행할 수 없으므로 ~(블라블라)~ 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오." 로, 시스템의 설정에서 스크립트를 실행할 수 있는 권한이 부여되어있지 않은 상태라서 해당 작업 명령을 수행할 수 없어서 발생하는 오류입니다. Window10 기준으로, Windows PowerShell 앱을 통하여 시스템의 스크립트 실행권한을 변경하여 해..

React 개발환경 설정가이드(1) / VS Code / Window 본 포스팅에서는 아래의 해당내용을 단계별로 진행하면서 React개발을 위한 툴을 설치하고 CRA(Create-React-App)를 이용하여 React샘플 프로젝트를 구성해 보도록 하겠습니다. - 가이드(1) : node / npm 다운로드 및 설치 - 본 포스팅 - 가이드(2) : Visual Studio Code 다운로드 및 설치 - 가이드(3) : Visual Studio Code 설정 및 React프로젝트(CRA) 생성 1. Node 홈페이지(nodejs.org/ko/) 에서 LTS버전 인스톨러 다운로드 2. 다운로드 받은 인스톨러를 실행합니다. 이후 대부분 기본설정을 변경하지않고 Next의 연속... 3. 라이센스 약관 동의 후..

키보드 소개 / 바밀로 문라이트-저소음적축 / 듀가드X싱크웨이 토체티-갈축 바밀로 문라이트 (varmilo moonlight 108key) - 저소음적축 바밀로의 키보드는 저소음 적축, 잘빠진 색감과 디자인으로 유명하지만, 10만원 후반대~20만원대의 제품군으로 가격면에서 부담스러울 수 있습니다. 현재 일(코딩)할때 사용하는키보드가 바밀로 문라이트 저소음적축 키보드 입니다. 구입할 당시에는 저가 제품이 아니여서 조금 망설여졌지만, 지금까지 전혀 후회없이 아주 만족하며 사용하고있습니다. 사용한지 2개월정도 지난 시점에서 장단점을 간단히 적어보겠습니다. ★ 색감이 정말 잘빠졌습니다. ★ 나무결 느낌의 키보드 판이 고급스럽습니다. ★ 저소음적축의 퀄리티가 좋습니다. 정말 조용합니다. ☆ 만약 이동이 잦으시다면..

MySQL 다운로드 및 설치 가이드(3) / MySQL.8.x버전 / Window10 본 포스팅에서는 아래 해당내용을 단계별로 진행하면서 알아보도록 하겠습니다. - 가이드(1) : MySQL 인스톨러 다운로드 - 가이드(2) : 인스톨러 Setup / MySQL데이터베이스 설치 - 가이드(3) : 데이터베이스 생성 / 사용자 계정 추가 - 본 포스팅 ※ MySQL 버전 - 2021.01.24기준 최신버전 "MySQL 8.0.23" ※ 준비물 - 오라클 계정 1. "가이드(2)" 를 통해 설치된 workbench 실행 2. "MySQL80" 커넥션 선택 후, root 계정 비밀번호 입력 후 "OK"클릭 - 자동 로그인(비밀번호 기억하기)을 원할 시, 체크박스 선택후 "OK" 클릭 3. 데이터베이스 생성 및..

MySQL 다운로드 및 설치 가이드(2) / MySQL.8.x버전 / Window10 본 포스팅에서는 아래 해당내용을 단계별로 진행하면서 알아보도록 하겠습니다. - 가이드(1) : MySQL 인스톨러 다운로드 - 가이드(2) : 인스톨러 Setup / MySQL데이터베이스 설치 - 본 포스팅 - 가이드(3) : 데이터베이스 생성 / 사용자 계정 추가 ※ MySQL 버전 - 2021.01.24기준 최신버전 "MySQL 8.0.23" ※ 준비물 - 오라클 계정 1. "가이드(1)" 에서 다운로드받은 인스톨러를 실행시켜줍니다. ※ 인스톨러 설치가 안되어있다면, 이전 포스팅을 통하여 인스톨러 설치부터 진행해 주세요. 2. "Developer Default" 선택 후 "Next>" - 개발용 데이터베이스 통합설치..

MySQL 다운로드 및 설치 가이드(1) / MySQL.8.x버전 / Window10 본 포스팅에서는 아래 해당내용을 단계별로 진행하면서 알아보도록 하겠습니다. - 가이드(1) : MySQL 인스톨러 다운로드 - 본 포스팅 - 가이드(2) : 인스톨러 Setup / MySQL데이터베이스 설치 - 가이드(3) : 데이터베이스 생성 / 사용자 계정 추가 ※ MySQL 버전 - 2021.01.24기준 최신버전 "MySQL 8.0.23" ※ 준비물 - 오라클 계정 1. MySQL 홈페이지로 이동하여 다운로드 페이지(www.mysql.com/downloads/)로 진입합니다. - 무료버전인 커뮤니티 다운로드를 위해 하단의 "Mysql Community(GPL) Downloads" 클릭 2. "MySQL Commu..

제이쿼리 이미지 미리보기 생성 / JQuery Image Preview 이미지에 마우스오버시 미리보기 이미지 툴팁(확대) 생성하는 코드입니다.이미지만 확대하는 Preview, 이미지 확대후 캡션도 생성하는Preview 두가지 종류 입니다. - 이미지 태그 설정 html 부분 입니다. # mouseover 시, Image Preview Gallery 생성 without Caption with Caption ..

textarea 글자수 제한 / 바이트(Byte) 제한 클라이언트로부터 입력받고자 하는 텍스트가 긴 문자열의 경우, textarea태그를 설정하여 받게됩니다. 이 때, 입력받을 수 있는 최대 바이트수를 정해두고 해당 범위 내에서만 입력가능하도록 하는 자바스크립트 함수를 설정하겠습니다. (기본 태그로 bootstrap 클래스 적용) ※제한을 "글자수"로 두지않는 이유 한글은 한글자당 2byte를 할당하고, 영문자는 한글자당 1byte를 할당합니다. 만약 제한 기준을 "글자수"로 설정한다면 최대치로 입력했다고 가정했을 때, 한글과 영문자의 구성에 따라TextArea에서 전달하는 데이터의크기가 가변적이게 됩니다. 즉, TextArea를 통하여 전달하는 데이터양의 최대값을 설정하겠다는 취지를 벗어나게됩니다. -..

이클립스, 전자정부프레임워크 단축키/사용 팁 웹 개발 코딩시, 주로 이용하는 자그마한 팁 항목들 입니다. * 메모리 용량 제한 늘리기 * 톰캣 타임아웃 제한 늘리기 * encodingType UTF-8 설정하기 * 내부 화면 분할하기 * 메소드, 클래스 선택적 이동하기 * 키워드 자동완성기능 이용하기 * 클래스 자동Import / 자동정리 기능 이용하기 * 프로젝트내 소스파일명 키워드 검색 * 소스파일내부 키워드 검색 1. 이클립스 메모리 용량(Heap size) 제한 늘리기 - 기본 메모리 설정 제한이 낮습니다. 설정파일을 변경하여 메모리제한을 늘리도록 하겠습니다. - 이클립스 설치폴더로 이동하여 eclipse.ini 파일을 편집기를 통하여 열고 "Xms2048m", "Xmx2048m" 으로 변경합니다..

리스트 List 내부 키워드 검색 데이터 목록을 불러올 때, List 혹은 List형식으로 "key" "value" 쌍으로 구성된 리스트 에 담아서 가져오는 경우가 많은데요, 이번 예제에서는 다음과 같은 샘플데이터에서 "city"와 "gender" 키워드 검색을 구현해보겠습니다. 1. 각 경우의 수에 대한 개별 처리 public static void searchList1(List list, String city, String gender) { /* 리스트 내부 검색 method1 */ System.out.println("search >> 도시: "+city+" , 성별: "+gender); List resultList = new ArrayList(); for(int i=0; i0) { System.out..