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..
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 생성 시, 이 점 주의하여 생성하기를 바란다.
문자열을 변경하는 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이 서로 연결되도록 설정을 해둔다. 저 이름은 절대 중복..
지도 배경 변경하기 카카오지도 맵 타일 변경하기, 감추기 카카오 지도를 불러왔다. 그러나 여기서 중요한 것은 서울시에 대한 저 하얀색 부분이며, 그 외는 중요하지가 않다. 그래서 저 지도를 어떻게하면 좋을까 생각하다가 만들어진 방법이다. 첫 번째 방법, 오버레이 적용 카카오지도에 오버레이 적용 카카오 지도에 오버레이 기능을 적용하여 만들었다. 지도 위에 커튼막을 세워서, 가려주는 기법이다. 보통 이런 가리는 용이 아니라서 그런지 지도의 확대, 축소 할 때마다 지도가 보이는 것을 알 수 있다. 해당 소스는 카카오지도 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 파..
import React, { useState } from 'react'; React에서 사용하는 대표적인 변수이다. useState를 사용하기 위해서는 반드시 useState를 import 해야 한다. const [email, setEmail] = useState(""); useState를 사용하는 방법 중 하나이다. 변수명은 앞의 변수명1과 뒤의 변수명2가 있다. 변수명1은 값을 불러올 때 사용한다. 변수명2는 변수명1을 변경할때 사용한다. 변수명1을 변경하고 싶을때는 set변수명2(’변경 값’)으로 사용한다. ex) setEmail(”입력할 email 값”); ⏯️ 사용하기 setEmail(e.target.value)} autoComplete="off"/> 위의 useState를 input에 적용하였..
JavaScript, 현재 시간 가져오기 현재시간 가져오기 JAVASCRIPT에서 날짜로 불러오는 방법은 new Date(); 사용하면 된다. today : Wed Dec 07 2022 00:11:58 GMT+0900 (한국 표준시) Date(); 사용할 경우 결과는 다음과 같이 출력된다. 해당 데이터는 PC 시간 기준으로 결정이 된다. year : today.getFullYear(); // 현재 년도를 YYYY로 불러온다. month : today.getMonth()+1; // 현재 월을 M으로 불러온다. date : today.getDate(); //현재 날짜를 DATE로 불러온다. day : today.getDay(); //현재 요일을 불러온다. (일요일 0부터 시작한다.) 여기서 특이한 부분이 있..
React, axios 사용하기 axios 사용 JQuery에 ajax가 있다면, React에는 axios가 있다. axios를 다음과 같이 import 할 경우, axios를 사용할 수 있다. axios.get('http://localhost:8080/joinAction.ad?Email=MOLLANG101@test456.com&password=mollang') .then(function(response) { alert('성공'); }); axios.get(URL) 할 경우, 해당 action을 호출할 수 있다. axios 사용하기 - 2 function joinAction() { let param = { Email : 'test@mollang.com', Password : '1234' } const j..
JPA, 시간 Default 적용하기 시간 설정하는 방법 SpringBoot 시작할 때, @EnableJpaAuditing을 설정한다. @Entity에도 설정을 해야 한다. @EntityListeners(AuditingEntityListener.class)를 적용한다. @Column에는 화면과 같이 설정을 한다. @CreatedDate와 @LastModifiedDate는 Insert일 경우 등록된다. @LastModifiedDate는 해당 Entity일 경우 실행된다. 해당 JPA를 Insert 할 경우, 다음과 같이 등록된 것을 확인할 수 있다.
JPA, Not Null 처리하는 방법 - Default 적용 JPA ColumnDefault DB에서 NotNull의 처리는 까다롭다. 해당 칼럼 값 속성이 NotNull일 경우, Null이 값일 때, Insert가 되지 않기 때문이다. 그렇기에 중요한 값일수록 null은 매우 치명적이고, JPA가 Table을 관리하는 만큼 JPA에서 Not Null 설정 시 어떻게 할 수 있는지를 알아봐야 했다. 그러나 이는 약간 일반적인 상식과 거리가 멀었다. @ColumnDefault는 해당 필드가 null일 경우, 적용될 Default 값을 설정한다. @ColumnDefault는 해당 필드가 설정될 경우, Class 위에 @DynamicInsert를 적용해야 한다. Insert할 때 null이 발견될 경우 De..
React, onClick 이벤트 만들기 회원가입 클릭시 회원가입 버튼 눌렀을 경우, Event가 발생되도록 하는 Event를 간단하게 만드려고 한다. HTML하고 비슷하지만 onClick 이벤트의 들어있는 값이 다른 것을 확인할 수 있다. joinAction이라는 명칭을 찾는 것인데, 이는 변수명 혹은 function명 모두 동일하게 적용된다. 해당 코드에서는 function명을 정의하는 코드명이며, joinAction을 찾아서 결과를 출력한다.