Date function nowToday() { let today = new Date(); console.log(today); } 오늘 이 시간, 2023년 6월 5일에 글을 작성하였다. Date를 사용하는 방법은 위와 같다. Date 타입은 매우 특이하다. 날짜를 불러올 때 매우 뒤죽박죽이기에 귀찮은 함수 중 하나이다. let year = today.getFullYear(); // 년도 console.log(year); let month = today.getMonth() + 1; // 월 console.log(month); let date = today.getDate(); // 날짜 console.log(date); 여기서 특이한 부분, 월을 가져올 때는 +1을 해야 원하는 값을 불러올 수 있다. 이 ..
Object 길이 확인 방법 화면과 같이 obj 변수 안에 여러개의 key가 삽입된 경우라고 과정을 해보자. Object의 길이는 몇일까? 길이는 3개가 나온다. Object의 길이는 Object가 담고 있는 Key의 갯수를 의미한다. 따라서 이를 응용한다면 다음과 같다. Object가 담고 있는 Key 불러오기 length를 제외한다면, key의 목록이 나타나지 않을까? 그리고 그 생각은 정답이다. Object가 담고 있는 Key에 대한 목록을 볼 수 있는 것을 확인 할 수가 있다.
JavaScript, Object 만들기 Object 만들기 Object란, 하나의 변수 안에 여러 개의 값을 담는 것을 뜻 한다. 보통 Java에서 유명한 dataType은 String 혹은 int(number)가 있다. 이들은 각각 하나의 변수 안에 하나의 결괏값만 담고 있기에 가독성은 뛰어날 수는 있지만 변수명이 많아질수록 이들을 관리하는 것은 점차 힘들어짐과 동시에 데이터가 어디서 존재하는지 파악하기 조차 쉽지 않은 경우가 발생된다. 또한 데이터간의 그룹화가 존재할 수가 있는데, 기본 변수만으로 이를 표현하기란 변수명과 주석이 한계이므로 데이터의 공유 또한 문제가 생길 수가 있다. 이를 어느정도 최소화 할 수 있는 것이 Object이다. 보통 Key와 Value로 구성되어 있으며 변수 안에 Key..
ORACLE, 분기함수 사용 분기함수 SELECT 컬럼1 FROM TABLE명 위의 TABLE안에 컬럼1의 값이 무엇이 들어있는지는 알 수 없다. 그러나 컬럼1에 대한 결괏값을 갖고 카운트 함수를 사용하게 되었을 때, 분기함수는 매우 도움이 될 수 있다. DECODE -1 DECODE(컬럼값, 'Y', 1, 0); DECODE 함수는 다음과 같다. DECODE(대상1, 대상2, TRUE, FALSE) 대상1과 대상2가 같을 경우 세 번째 함수가 표시, 다를 경우 네 번째 함수가 표시된다. 위와 같은 경우 컬럼값이 'Y'일 경우 1, 아닐 경우 0을 표시한다. DECODE -2 DECODE(비교1, 비교2, '첫번째TRUE', 비교3, '두번째TRUE', '첫번째FALSE'); 두 번째 DECODE의 사용..
ORACLE, NULL 처리 방법 NULL SELECT COLUM FROM TABLE SQL의 검색을 했을 때, NULL이 나오는 경우가 있다. NULL은 말 그대로 '없다'라는 의미인데 SQL에서는 '공백' 또한 데이터가 없다는 의미를 갖고 있지만 NULL은 아무것도 모르는 상태를 의미한다. NULL은 사람들이 데이터가 존재하지 않을 때를 사용하기도 하지만, 상황에 따라서는 '데이터의 존재 유무'와 데이터 상태 '모름' 또한 정보의 일부이므로 상황에 따라 적절히 활용하는 것이 매우 좋다. 단, NULL은 최대한 비우는 것이 매우 현명하다. 만약 상황에 따라 어쩔수 없이 NULL을 사용하게 되었다면, 아래의 방법 2가지 중 하나를 선택하면 된다. NVL, NULL일 경우 특정 값으로 변환 NVL(컬럼, ..
SpringBoot, 시작 시 Error SpringBoot 생성시 SpringBoot 생성 시 생성은 제대로 했지만 실행이 되지 않는 경우가 있다. Could not resolve all files for configuration compileClasspath 해당 Error가 그 주인공이다. SpringBoot를 제대로 실행하지 못해서 발생되는 ERROR이다. 해당 ERROR에 대해서는 조치는 간단하다. SpringBoot Project 사용 시,3.0 버전 이상 - Java Version 17 이상. (11 이하는 지원하지 않는다.)2.X.X 버전 - Java Version 11 지원 SpringBoot 생성 시, 이 점 주의하여 생성하기를 바란다.
InteliJ, 한글 깨짐 해결하기 인텔리제이 한글 설정 - 1 인텔리제이의 설치 위치를 알고 있다면, 바로 들어가면 된다. 그러나 모를 경우가 다반사이기 때문에 설치경로를 쉽게 찾는 방법을 소개했다. 인텔리제이 바로가기가 있을 경우, [마우스 우클릭 - 속성]을 눌러준다. 바로가기에 있는 '대상 위치가 바로가기 위치이다. 여기서 마지막 bin까지가 폴더위치이므로, idea64.exe는 제외하고 복사하면 된다. bin에 있는 파일 안에, ide64.exe.vmoptions라는 파일이 존재한다. 저 파일을 열어서, 안의 내용물을 수정하면 된다. 위치 상관없이 아래 두 줄을 추가하도록 하자 -Dconsole.encoding=UTF-8 -Dfile.encoding=UTF-8 저 두 줄을 추가 했다면, 인텔리제..
문자열을 변경하는 Method 이다. 🗒️ 사용 방법 let str = '대상 문자열'; str.replace([변경 전 문자], [변경 후 문자]); replace는 첫 번째 문자만 변경한다. replace는 정규식을 사용할 수 있다. 전체 변경하기 let str ='12121212'; str.replaceAll('12', '34'); replaceAll은 변경 대상이 된 문자를 모두 변경할 수 있다. replaceAll은 InternetExpler에서는 사용되지 않는다. ⭐ 효율적인 전체 변경방법 let str = '몰랑몰랑 피우의 블로그'; console.log(str); console.log(str.replace('몰랑', '변경 된 ')); str = str.replace(/몰랑/g, '환영 합..
Spring, DAO와 MyBatis 연결 MyBatis 설정하기 Maven 불러오기 org.mybatis mybatis 3.4.5 org.mybatis mybatis-spring 1.3.2 MyBatis를 사용하기 위해서는 해당 Maven 설정이 필요하다. MyBatis를 사용하기 위한 root-context.xml 설정이다. configLocation은 Mapper에 사용하기 위한 설정값을 저장하는 곳 mapperLocations은 Mapper(SQL)이 담겨 있는 .xml의 위치가 담겨 있는 곳 두 곳을 잘 설정 해두었다면 MyBatis 설정은 끝났다. MyBatis 사용하기 여기서 namespace를 설정해서, Spring이 Java와 xml이 서로 연결되도록 설정을 해둔다. 저 이름은 절대 중복..
Linux, grep 활용 및 응용하기 grep 활용하기 grep -n '\/admin\/member' ./nohup.out nohup.out의 파일 중에서 "/admin/member"에 대한 검색값을 모두 찾는다. 해당 명령어는 cat을 생략했다. 검색 값 중 마지막 값만 불러오기 grep -n '\/admin\/member' ./nohup.out | tail -10 위의 명령어에서 tail -10이 추가되었다. "/admin/member"에 검색 값 중에서 마지막 10줄만 표시하는 명령어이다. 검색된 결괏값의 이후 결괏값 확인하기 grep -n -A 10 '\/admin\/member' ./nohup.out "/admin/member"에 대한 검색값이 출력되었다. 그러나 알고 싶은 것은 이 이후에 대..
지도 배경 변경하기 카카오지도 맵 타일 변경하기, 감추기 카카오 지도를 불러왔다. 그러나 여기서 중요한 것은 서울시에 대한 저 하얀색 부분이며, 그 외는 중요하지가 않다. 그래서 저 지도를 어떻게하면 좋을까 생각하다가 만들어진 방법이다. 첫 번째 방법, 오버레이 적용 카카오지도에 오버레이 적용 카카오 지도에 오버레이 기능을 적용하여 만들었다. 지도 위에 커튼막을 세워서, 가려주는 기법이다. 보통 이런 가리는 용이 아니라서 그런지 지도의 확대, 축소 할 때마다 지도가 보이는 것을 알 수 있다. 해당 소스는 카카오지도 API SCRIPT만 제외하고 올린 소스이다. 오버레이 기능을 활용하고 싶다면 해당 소스를 이용하면 된다. 위 방법은 html의 div과 css방법을 사용해서 지도를 가리는 방법이다. 두 번째..
KAKAO지도, 지도 중심좌표 부드럽게 이동 kakao 지도 부드럽게 이동하기 지도 중심좌표 이동시키기 지도 중심좌표 부드럽게 이동시키기 카카오 지도 LIB 설명서 중, function panTo() { } 라는 함수가 있다. map.setCenter()와 다르게, map.panTo()는 특정 조건이 맞는다면 지도의 이동 애니메이션을 줄 수 있는 함수이다. 카카오 라이브러리가 제공하는 기능 panTo 함수는 움직임을 좋게 만드는 만큼 아쉬움이 있었다. 속도가 조금 더 느리다면, 뭔가 그럴듯한 Effect를 남길 것 같았다. var moveLatLon = new kakao.maps.LatLng(lat, lon); map.panTo(moveLatLon, { animate: { duration: 550 } }..
OpenLayer, 좌표계 변환하기 좌표 변환하기 바둑과 체스 그리고 그래프에는 좌표가 있다. 지도 또한 마찬가지로 부르는 명칭마다 다르지만, 위도하고 경도가 대표적이다. 문제는 어디서 사용하고 표시하느냐에 따라서 좌표 표기법이 달라진다. 우리나라 사람이 위도에 대해서 잘 모르지만, 남북 경계선인 38선은 알고 있다. 위도 38도 쯤에 위치한다고 해서 불러진 명칭이다. 이를 토대로 지도를 조금 관심 있다면 우리나라 위치는 위도 약 33 ~ 38 쯤에 위치한 것을 알 수 있다. 그러나 위의 사진에서는 어디에도 33 ~ 38에 대한 숫자는 없다. 이 이유는 좌표계가 다르기 때문이다. 좌표계 변환하는 방법 좌표 변환을 하기 위해서는 필요한 파일은 3가지다. ol에 대한 정보와, 좌표계정보를 담고 있는 js 파..
SHP 파일을 불러오는 방법 지도 불러오기 지도를 사용하면서, 지도를 불러오고 그 위에 경계선을 그려야 할 때가 있다. 예를 들면 서울특별시 경우 중구, 마포구, 성북구 등 각 자치구가 이에 해당된다. 서울특별시의 현재 자치구 개수가 25개이고, 이를 그리는 것은 매우 귀찮고 피곤하다. 또한 각종 정부의 행보에 따라서 서울시 경계선이 늘어날 수도 있고, 자치구 경계선이 변경될 수도 있다. 그때마다 수정한다는 것도 여간 귀찮은 것이 아니다. 그것을 해결하기 위해서 다음과 같은 방법을 이용했다. http://www.gisdeveloper.co.kr/?p=2332 대한민국 최신 행정구역(SHP) 다운로드 – GIS Developer www.gisdeveloper.co.kr 위의 지도는, 우리나라 행정구역을 지..
Eclipse, 글꼴 변경하기 이클립스 글꼴 변경하기 이클립스 설정 시, 가장 많이 찾는 설정 중 하나이다. Test Font는 기본 consolas 10으로 되어있으며, 글자크기만 키워도 보기 편한 글씨가 된다. Tab 글씨 변경하기 Eclipse에서 show view Tab에서 글꼴을 변경하는 방법이다. 이곳에서 view에서 사용하는 show View의 글꼴 및 색상을 변경할 수 있다. 필자 또한 갑작스러운 글꼴이 하얀색이 되면서 불편함을 겪어서 작성하게 되었다. 각 세가지는 상황에 따라 표시되는 방법을 나타내는 방법이다. 이름이 유사하면서, BackGround 붙어 있는 것은 말 그대로 배경화면이므로 잘 활용하면 이클립스도 육안으로 쉽게 표시되는 Tool로 만들 수 있다.