입력란에 숫자 천 단위 표기하는 두 가지 방법이 있다. 1. 정규식 방법 1 2 3 $(".price").on("keyup", function(){ $(this).val($(this).val().replace(/\,/g, '').replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,')); }); 2. toLocaleString() 함수 1 2 3 $(".price").on("keyup", function(){ $(this).val($(this).val().toLocaleString("ko-KR")); }); toLocaleString() 함수를 이용하면 더 간편하게 사용할 수 있지만 각 나라별 금액 표시 방법이 다르기 때문에 해당 국가 코드로 설정을 해줘야 한다. 하지만 locale..

해결방법 방법 1. inputmode="numeric" 혹은 inputmode="decimal" 속성 추가 방법 2. input type을 tel로 변경 input type tel은 기본적으로 넘버 키패드를 지원하지만, 숫자 외 문자 입력을 허용하기 때문에 number type처럼 숫자만 입력받기 위해선 자바스크립트 등에서 추가 처리를 해주는 것이 좋다.

입력창에 대문자 또는 소문자로만 입력하는 방법이다. toUpperCase() 또는 toLowerCase() 함수를 이용하면 된다. 1 2 3 4 5 // 대문자만 입력 // 소문자만 입력 대소문자만 입력하는 경우가 많은 경우 공통스크립트로 관리하는 것이 편할 것이다. 1 2 3 4 5 6 7 8 9 // 대문자만 입력 공통스크립트 $("input[type=text]").filter(".upper").on("keyup", function(){ $(this).val($(this).val().toUpperCase()); }); // 소문자만 입력 공통스크립트 $("input[type=text]").filter(".lower").on("keyup", function(){ $(this).val($(this).va..

입력창에 숫자만 입력되기 원할 때 type을 number, tel로 하면 될 거라고 생각하겠지만, 웹에서나 모바일에서 문자가 입력되는 경우가 있다. 이러한 경우를 방지하기 위해 스크립트에서 입력값이 숫자가 아닐 경우 해당 문자를 공백으로 치환하는 방법을 써야 한다. 1 input태그에 onkeyup 이벤트로 적용할 수 있다. 하지만 각 입력창에 일일이 keyup이벤트를 적용하는 것은 비효율적이다. 1 2 3 $("input[type=number], input[type=tel]").filter(".num").on("keyup", function(){ $(this).val($(this).val().replace(/[^0-9]g, "")); }); 공통스크립트로 위 소스와 같은 이벤트를 기호에 맞게 설정해주면..

Clone - 저장소를 로컬 저장소로 복사하는 기능입니다. GitLab 프로젝트마다 존재하는 저장소를 복사합니다. Git에서는 두 개의 장소 개념이 있는데, Clone 으로 저장소를 복사하게 되면 원격 저장소 (remote)와 로컬 저장소 (local) 관계가 됩니다. Remote repository - 원격 저장소. Local repository - 로컬 저장소. 원격 저장소의 연결정보, 원격저장소의 브랜치 정보(Remote Tracking), 태그 정보, 로컬 저장소의 브랜치 정보 등 여러 가지 정보를 가지고 있습니다. Checkout - local branches 영역에 있는 브랜치를 working tree로 가져오는 명령어입니다. remote tracking branches 영역에 있는 브랜치를 ..

MySQL은 비교나 검색을 수행할 때 기본적으로 대소문자 구분 없이 비교 및 검색이 가능하다. 이에 따라 아이디나 패스워드 등 대소문자가 엄격히 구분되어야 하는 경우엔 서로 다른 값으로 인식되도록 처리가 필요하다. 예시 1 - SELECT절에서 대소문자 비교 SELECT 'X' = 'x'; 실행결과 - 대문자와 소문자의 비교 결과가 true이다. 1 예시 2 - WHERE절에서 대소문자 비교 SELECT 'ID' AS ID FROM MEMBER WHERE ID = 'id' 실행결과 - 소문자로 검색해도 검색결과가 도출된다. ID 해결 방안 - BINARY BINARY 문자열 타입은 문자가 아닌 바이트를 기준으로 비교나 검색을 할 수 있다. 방법 1. 테이블 생성 시 해당 필드에 BINARY 타입 사용 M..

Truthy and Falsy 자바스크립트에서 Truthy와 Falsy는 '참 같은 값'과 '거짓 같은 값'을 뜻합니다. 이 값들은 자바스크립트에서 조건문과 반복문 등 boolean값이 필요한 곳에서 각각 true와 false로 평가됩니다. 다음 8가지 값은 falsy이다. false false 0 숫자 0 -0 음수 0 0n BigInt (boolean으로 사용될 경우 숫자와 같은 규칙을 따름) "" 빈 string null null undefined undefined NaN NaN 이 외 모든 값은 truthy로 볼 수 있습니다. 따라서 truthy와 falsy는 아래와 같이 조건문 등에서 직접적인 비교를 할 필요가 없으며 // example 1 if (x == undefined || x == nul..

* Javascript는 명시적 타입 정의가 없다. Java처럼 String, int 등의 타입을 정의하지 않고, var 타입으로 정의하면 JS가 알아서 적절한 타입으로 정의된다. 명시적인 타입이 없어서 헷갈리는 경우가 많고 예상치도 못한 결과가 나와서 당황할 수 있다. 1. 자동 형변환 - 자동 형변환은 프로그램 실행 중 자동으로 형변환이 되는 걸 의미한다. 작은 크기의 데이터 타입을 큰 크기의 데이터 타입으로 변환하는 행위를 말한다. ( 작은놈이 큰 놈으로 변환 ) // 간단한 예시 var kingPork = 10;// number kingPork += "문자"; console.log(kingPork);// "10문자" = string kingPork = "2"; kingPork *= 1; conso..

개발자로 일하면서 유용했던 아이템들을 몇가지 공유해볼까 한다. 저자의 지극히 객관적인 생각이므로 가볍게 봐줬으면 좋겠다. 1. 체크남방 개발자로 일할때 가장 중요한 것이 복장이다. 항상 윗분들한테 단정해 보일 수 있도록 체크남방을,,,죄송합니다. 제대로 할게요. 1. 노트북거치대 프로젝트에 투입되면 개인 노트북으로 개발하는 경우가 있을 것이다. 그럴 경우 노트북거치대가 필수일 것이다. 글쓴 본인은 귀찮아서 집가는 길에 하이마트에서 만5천원 가량의 거치대를 구입했다. 거치대는 한번 사면 오래도록 사용하므로 다이소에서 저렴한 거치대는 피하기 바란다. 2. 모니터 받침대 모니터 받침대 또한 있으면 유용하므로 구입해두면 좋다. 글쓴 본인의 경우 사무실에 주인없이 굴러다니는 받침대를 하나 얻었다. 훔친건 아니고 ..

나 사나이 OOO. 초딩때 별명이 새우였다. 새우를 자주 그리다보니 새우를 쉽게 그리는 방법을 터득했다. 실생활에서 아무짝에 쓸모없는 꿀팁 새우 그리는 방법을 알려 주도록 하겠다. 1. 새우 앞 주둥이를 그린다. 2. 새우등을 그려준다. 3. 새우 배를 그려준다. 4. 꼬리를 그려준다. 5. 새우 줄무늬를 그려준다. 6. 눈을 그려준다 7. 수염을 그려준다. 8. 다리를 그려준다. 9. 완성 그리고 보니 현타가 왔다,,,

프로그램 개발 시 로그 레벨을 생각하지 않고 DEBUG만으로 로그를 출력하는 경우가 많다. 로그 출력 시 올바른 사용법으로 출력하는 것이 좋다. 먼저 Log4j 각 단계에 대해 알아보자. log4j의 최근 버전에 의하면 높은 등급에서 낮은 등급으로의 6개의 로그 레벨을 가지고 있다. 로그레벨 순서 TRACE > DEBUG > INFO > WARN > ERROR > FATAL TRACE DEBUG보다 더 세분화 된 정보를 지정 DEBUG 프로그램 디버깅하기 위한 정보를 지정 INFO 상태변경과 같은 정보성 메세지 지정 WARN 처리 가능한 문제, 향후 시스템 에러의 원인이 될 수 있는 경고성 메세지 지정 ERROR 요청을 처리 도중 문제가 발생한 경우 FATAL 프로그램을 중단 할 수 있는 심각한 오류, ..

Apache JMeter : 서버가 제공하는 서비스에 대한 성능을 측정하고 사용자에게 보여주는 서버 부하 테스트 도구 간단히 서버에 부하를 주고 그 결과를 확인하는 툴라고 생각하면 된다.🐱‍🐉 아파치 JMeter 홈페이지 http://jmeter.apache.org/ 1. 설치 Apache JMeter 5.4.1 – Java 8 이상 openjdk version "1.8.0_292" 압축 해제 후 apache-jmeter-5.4.1\bin\jmeter.bat 실행 - cmd 창과 함께 Apache Jmeter 실행(cmd 창을 종료하면 JMeter도 함께 종료되니 유의한다!) 2. JMeter 설정 2.1 Throad Gruop 생성 Test Plan > Threads (Users) > Throad Gr..

텍스트 열 편집기로 많이 사용되는 Notepad++(노트패드)의 단축키 및 설정에 대한 내용입니다🐱‍🐉 - 단축키 Alt + Shift + 방향키 : 열 편집 모드 Ctrl + Shift + 방향키 : 해당 열 이동(eclipse의 Alt + 방향키와 같음) Ctrl + L : 한 줄 삭제 Ctrl + D : 한 줄 복사 Ctrl + I : 줄 나누기 Ctrl + J : 줄 합치기 Ctrl + Alt + Enter : 현재 줄 위에 빈 줄 삽입 Ctrl + Alt + Shift + Enter : 현재 줄 아래에 빈 줄 삽입 Ctrl + U : 소문자 변환 Ctrl + Shift + U : 대문자 변환 Ctrl + W : 닫기 Ctrl + Shift + W : 모두 닫기 Ctrl + Shift + T : ..

SOURCE EDITING Ctrl + 1 : Quick Fix 레이어 호출 (오류 수정, 구현하지 않은 메소드 추가, 로컬 변수 이름 바꾸기, 행둘러싸기등) Ctrl + SpaceBar : 자동완성(Contents Assistantce) 템플릿 호출 (템플릿은 Window > Preference > Java > Editor > Templates에서 수정 및 추가 가능) Ctrl + Shift + O : 자동 import 및 사용하지 않는 import class 삭제 Ctrl + Shift + M : 캐럿이 위치한 대상에 필요한 특정클래스 import Ctrl + Shift + G : 클래스의 메소드나 필드를 Reference하고 있는 곳으로 이동 Shift + Alt + S R : Getter, Set..

IDE로 개발을 하다보면 콘솔창의 로그를 확인하기 여간 불편한 게 아니다. 콘솔창을 키웠을 때는 매번 소스를 수정하기 위해 다시 창을 재조정하기에 번거로웠고, 보조 모니터로 콘솔창을 이동해두면 창이 내려가거나 최상위에 위치하지 않아 매번 다시 창을 활성화해줘야하는 등의 불편한 점이 있었다. 이를 해소하기 위해 여러가지 로그 뷰어들을 사용해오다 glogg라는 무료 프로그램을 사용해봤는데 기능은 꽤 심플한 편이지만 가볍고 사용하기 편하다는 생각이 들어 소개해볼까한다. 먼저 기본적으로 설치를 마치고 로그를 읽어온 상태는 다음과 같다. 설정에서 특정 문자열을 포함하고 있는 로그를 하이라이팅할 수 있으며, 하단 텍스트로 검색 시 문자열을 포함하고 있는 로그를 한번에 모두 찾아주기 때문에 꽤 유용하다. 로그의 ti..