'개발자 노트'에 해당되는 글 328건

KB쿠폰북적금 with 현대오일뱅크 쿠폰 확인방법

많이 헤매시는 분들이 있어서 올립니다

kb스타뱅킹 어플 여시고

도움이 되었으면 합니다.

톰캣 8.5 OPENSSL 인증서 설치 개발 테스트!!

회원가입을 할려고 하니NICE인증을 받아야 합니다. 

그런데 HTTP에서는 인증후 콜이 안되네요 브라우저 단에서 막아버리는것 같습니다. 

안전하지 않은 정보를 제출하려 함 허용 

제출하려는 정보가 보안되지 않음 등 엣지나 크롬에서 서버를 확인하니 호출자체가 오지 않네요. 

OPENSSL을 설치했습니다. 

http://slproweb.com/products/Win32OpenSSL.html

커맨드에서 입력합니다. (도스창)

① 개인키 생성
# openssl genrsa -des3 -out private.pem 2048

② 인증 요청서(CSR) 파일 생성
# openssl req -new -key private.pem -out private.csr

③ rootCA 기본키 생성
# openssl genrsa -aes256 -out rootCA.pem 2048

④ rootCA CSR 생성
# openssl req -x509 -new -nodes -key rootCA.pem -days 3650 -out rootCA.csr

⑤ 인증서(CRT) 생성
# openssl x509 -req -in private.csr -CA rootCA.csr -CAkey rootCA.pem -CAcreateserial -out private.crt -days 3650

6 pkcs12 형식 변경
# openssl pkcs12 -export -in private.crt -inkey private.pem -out keystore -name tomcat

7 jks 형식 변경
# keytool -importkeystore -srckeystore keystore -srcstoretype pkcs12 -destkeystore keystore.jks -deststoretype jks

생성된 KEYSTORE.JKS파일을 톰캣 경로로 옴깁니다.

SEVER.XML을 아래주석을 풀고 수정합니다. 
  <Connector port="8443" protocol="org.apache.coyote.http11.Http11NioProtocol"
               maxThreads="150" SSLEnabled="true">
        <SSLHostConfig>
            <Certificate certificateKeystoreFile="D:\apache-tomcat-8.5.81\conf\ssl\keystore.jks"
                 certificateKeystorePassword="123456" type="RSA" />
        </SSLHostConfig>
    </Connector>

/src/main/webapp/WEB-INF/web.xml
파일에 이내용을 추가합니다. 

<security-constraint>
		<web-resource-collection>
			<web-resource-name>SSL Forward</web-resource-name>
			<url-pattern>/*</url-pattern>
		</web-resource-collection>
		<user-data-constraint>
			<transport-guarantee>CONFIDENTIAL</transport-guarantee>
		</user-data-constraint>
	</security-constraint>

그럼 HTTP로 접속시 HTTPS로 자동이동합니다. 

출처 : https://jdh5202.tistory.com/772

jquery ajax json mvc 스프링 post 

jquery 로 스프링 통신시 컨트롤로 선언 방법과 리턴방법 jquery에서 사용법등을 정리해보겠습니다. 

일단 스프링 에서 컨트롤러 선언입니다. 저는 사과로 선언을 해보겠습니다. 

@RequestMapping(value = "/apple", method = RequestMethod.POST, consumes = "application/json")
	public @ResponseBody CommonData apple(@RequestBody CommonData dto) {
		CommonData result_data = new CommonData();
		String apple = dto.get("apple","");
		result_data.put("result",apple);
		return result_data;
	}

@RequestBody 해쉬맵 변수명 으로 하면 강종항목들이 키와 값으로 분리되어  들어갑니다. 

CommonData 를 궁금해 하시는분들이 많으셔서 해쉬맵인데 전자정부프레임워크 처럼 map데이터사용시 쓸려고 재정의 해 놓은것 뿐입니다. 

public class CommonData extends LinkedHashMap {
	public void put(String key, Object value){
		super.put(key, value);
	}

	public String get(String key) {
		if(super.get(key)!=null)
		{
			return super.get(key).toString();
		}
		else
		{
			return null;
		}		
	}
	public String get(String key,String value)
	{
		if(super.get(key)!=null)
		{
			return super.get(key).toString();
		}
		else
		{
			return value;
		}	
	}
	public Object getObj(String key) {
		return super.get(key);
	}
}

거기에 @ResponseBody 해주면 해쉬맵이 json형태로 변화되어 응답합니다. 안에 리스트데이터나 뭐 각종데이터를 넣어서 보내어도 계층화되어 전송이 됩니다. 

ajax소스인데요. 

		$.ajax({
            url : '${pageContext.request.contextPath}/jqueryajax/apple',
            type : 'post',
            contentType: 'application/json',
            data : JSON.stringify ({'apple':'100','banana':200}),
            dataType : 'json',
            success : function(data){
                // 통신 성공시 실행....
            	data = data.RESULT;
            },
            error : function(xhr,status,error){
                // 통신 실패시 실행....
                // alert(xhr.status + " " + xhr.statusText);
                // alert("통신실패 : ["+xhr.status + " " + xhr.statusText+"]");
                alert("데이터 불러오는데 실패했습니다.");
            },
            complete : function(data){
                // 통신 실패했어도 최종 완료시 실행...
                // alert('complete');
            }
        });

이런식으로 호출해서 사용하시면 됩니다. 

아파치 특정 아이피 접속 특정아이피 허용

아파치 내부경로에 conf폴더안에 httpd-vhosts.conf 라는 파일이 있습니다. 

<Directory /home/www_web>
    Order Deny,Allow
    Deny from all
    Allow from 127.0.0.1 ::1 192.172.0.58
</Directory>

directory 에 주소를 넣어주시고 되고

아래쪽 아이피에 접속가능한 아이피 주소를 넣으면 됩니다.

CHART.JS 사용법 정리

CDN으로 가져오기 

<script src="https://cdn.jsdelivr.net/npm/chart.js@3.0.0/dist/chart.min.js"></script>    <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2.0.0"></script>

<canvas id="myChart"></canvas>

차트 ID 부여하기

const ctx = document.getElementById('myChartex').getContext('2d');

data 랑 options를 만드세요. 하나로 해도 되지만 {} 너무 많아서 눈이 어지러운 것 같아요. 

const _data = 
{
        labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
        datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255, 99, 132, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        }]
    };

const _options=
{
    	    indexAxis: 'y',
    	    // Elements options apply to all of the options unless overridden in a dataset
    	    // In this case, we are setting the border of each horizontal bar to be 2px wide
    	    elements: {
    	      bar: {
    	        borderWidth: 2,
    	      }
    	    },
    	    responsive: true,
    	    plugins: {
    	      legend: {
    	        position: 'right',
    	      },
    	      title: {
    	        display: true,
    	        text: 'Chart.js Horizontal Bar Chart'
    	      }
    	    }
    	};

차트를 생성한다. 차트의 형태에 따라 options값을 달리하면 된다.

chart = new Chart(ctx, {
          type: 'bar', // 차트의 형태
          data : lineChartData,
          options : options
         });

차트를 표시해 보았네요.

백링크 확인 사이트

• ahrefs: https://ahrefs.com/backlink-checker
• 모즈: https://moz.com/link-explorer
• neilpatel: https://neilpatel.com/backlinks/
• SE랭킹: https://seranking.com/backlink-checker.html
• 스몰SEO툴즈: https://smallseotools.com/backlink-checker/
• 샘러쉬: https://www.semrush.com/analytics/backlinks/

위의 웹사이트에서 모두 백링크를 무료로 확인하실 수 있습니다. 몇몇의 웹사이트의 경우 하루에 백링크를 검사할 수 있는 횟수가 정해져 있습니다.

백링크란?

백링크는 다른 웹사이트에서 해당 웹사이트에 대해 언급을 하는 것입니다. 쉽게 링크를 걸어주는 것인데요. 품질이 좋은 웹사이트에 백링크가 걸리게 된다면 자신의 사이트의 품질도 좋다고 엔진이 판단하게 됩니다.

백링크 주의점

백링크는 한 사이트보다는 다양한 사이트에 다양한 링크가 언급되는 것이 좋습니다. 

하지만 스팸 사이트나 스팸 스코어가 높은 웹사이트 등에서 걸려오는 백링크는 오히려 안 좋은 영향을 끼치니 300개 백링크 작업에 얼마 이런 건 피하는 게 좋고 인위적인것보다는 좋은 품질의 글을 적어서 백링크가 자동으로 발생하게끔 하는게 제일 좋습니다. 

무거동 카페 자미원 내 몸에 맞는 차를 추천해주네요.

안녕하세요^^/

최근에 울산 무거동에 있는 자미원이라는 카페를 방문해 보았는데요. 

차를 타고 무거동에 볼일을 보고 있었어요.

주차할 곳을 찾아 골목골목 다니는데 자미원이라는 카페가 눈에 보이지 뭐예요. 

자미원 카페앞에 주차를 하고 가까이 가보았는데요. 

보리차를 무료로 제공하고 있었어요. 

호기심을 자극해서 카페에 들어가 보았는데요. 

카페에는 사람의 체질을 분류해 나에게 도움이 되는 음료와 디저터를 추천해준다고 안내문을 붙여 놓았더라고요. 

메뉴판을 한참 쳐다보다 직원에게 저 나에게 맞는 음료를 추천받고 싶은데 어떻게 하나요?

직원분이 생년월일을 적으라고 하시더군요 그리곤 사장님께 전화를 하셨어요. 

이것저것 추천해주시고 마지막에 사장님 오시면 다시 상담해주실거라고 하더군요 ^^ 

저는 고구마라떼를 두유 넣어서 아이스로 만들어서 먹었어요.

나에게 추천하는 음료는 쓰거라 신맛이 나는 게 저에게 좋은 음료라고 하시더군요 유제품은 안 좋다고 하시네요.

계산대 앞에 쿠키가 있어 쿠기도 하나 주문했어요. 

뭘 먹을지 오래 고민하지 않았어요. ^^

라즈베리 치즈크림 쿠키를 주문하고 자리에 앉아 기다렸어요.

스마트폰을 잠깐보고 있으니 가져다주셨어요. 

노란 거 쿠키 2개 보이시죠? 저건 아직 시판 전이라 시식으로 주는 거래요. 

결론은 고구마라떼는 너무 달지 않아 좋았고 쿠기는 너무 달아서... 아메리카노랑 먹을걸,,, 이라는 생각이 들었어요. ^^ 

아직 오픈전이라고 하는데 아메리카노 2000원이벤트 중이니까요 근처에 사시는 분들은 아메리카노에 라즈베리 치즈크림 쿠키를 시켜서 드셔 보시는 것도 괜찮지 않을까 생각이 되네요. 

아 오전8시오픈 저녁 9시 닫네요 ^^ 수요일은 쉬는 날이라고 하니까 방문하시기 전에 참고하세요 ^^ 

꼭~!!

마지막으로 사장님 감성 문구 좋아하시는 거 같은데 찾아서 읽어보는 것도 재미있는 거 같아요 ^^

그럼 다음에 다른 카페로 찾아올게요 ^^ 안녕~

더함 QLED TV를 구매했더니 화질뿐만 아니라 사운드가 예술이네.

안녕하세요 오랜만에 전자제품 리뷰를 하게 되었네요. ^^ 

오늘 리뷰할 제품은 더함 TV QLED 85인치와 65인치 TV인데요. 하나는 거실에 하나는 안방에 벽걸이로 설치를 하였어요.

설치기사분께서 설치전 미리 연락을 주셨서 시간을 잡고 세종에서 배송 및 설치를 하러 오셨어요. 

일반 택배회사에서 배송오는것이 아니라 더함 TV만 전문적으로 배송 및 설치하시는 분들이 오세요. 

2인 1조로 다니는것 같은데 손발이 척척 맞으시더군요 

사진은 촬영 허락후 촬영을 하였습니다 ^^ 

85인치와 65인치를 먼저 차량에서 내려 85인치부터 설치해 주셨는데요. 

설치 전 원하는 위치를 센치미터 단위로 말씀드렸는데 많이 설치해본 전문가여서 그런지 아주 쉽다는 듯이 설치를 해주시더라고요. 

저도 55인치 벽걸이브라켓 사서 자가 설치해본 경험으로는 맞추기가 쉽지 않던데 말이죠 ^^ 

두 분이서 벽걸이 브래킷 중 하나는 먼저 벽에 설치를 하셨어요. 줄자로 이리저리 측정 후 벽에 표시하시곤 수평계로 수평을 맞추셨어요. 

수평을 맞추고 TV에도 벽걸이 브라켓을 설치하시더라고요. ^^ 

인터넷 뭐 사용하는지 셋톱박스는 있는지 물어보셔서 그런거 없고 인터넷만 연결할 거라고 했더니 랜선 설치해서 인터넷까지 완벽 연결 ^^ 해주셨어요. 

안방은 전기 콘센트 선에 맞춰 달라고 했는데 딱 1CM도 안나오게 딱 맞춰서 설치를 완료해 주셨어요. 

화질은 QLED라 어느정도 기대를 했었는데요. 정말 지금까지 보던 영상과는 다르더군요 넷플릭스에서 예전 미드나 한국 드라마를 켜보았는데요. 

아니 이정도 영상미였다고? 헐.. 대박.. 영상이 이뻐서 계속 보게 돼요. 막 돌리면서 틀어보았는데요.

애니고 드라마고 할것없이 눈이 호강한다는 말이 뭔지 알 수 있었어요. 

요즘 악뮤 불협화음을 제가 재미있게 보고 있어서 유투브로 불협화음을 틀어보았어요. 

화면을 가만 보는데 아니 소리가 예술인거에요. 와 이게 티비 소리라고 사실 티브 사면서 사운드바를 같이 구매할지 고민을 했었거든요. 

제품 광고를 보고 사운드에 자신 있어해 사운드바는 소리를 듣고 구매하기로 했어요. 

와.. 진짜 정말 이런 소리가 난다고? 소리가 전혀 작지도 뭉개지지도 않고 선명하고 또렷하고 웅장하게 들리는 거예요.

소리가 너무 좋아서 음악대장 하현우 라젠가세이브어스를 시작으로 킬링 보이스 채널로 이동해서 음악만 몇 시간을 투자해 들었네요. 

악뮤 노래도 좋아해서 악뮤를 검색에서 음성 입력으로 악동뮤지션이라고 했더니 음성인식도 엄청 잘되더라고요. 

안드로이드 티비라서 구글 기반이니 음성인식 잘되겠거니 했지만 너무 잘되어서 놀랐어요. 

리모컨은 생각보다 엄청 가벼운데요. 공기처럼 가볍다고 하면 거짓말 같죠? 한번 들어보셔야 알 텐데 ㅎㅎ

티비영상도 영상이지만 소리가 너무 좋아 새벽까지 음악 듣느라 늦잠을 자버렸네요 ^^ 

가격 대비 성능 화면 크기 모두 대만족스러운 제품이었어요. 

내돈내산입니다. ㅋ.ㅋ 

신한카드 (주)비바리퍼블리 거래 취소 완료

안녕하세요. 오늘은 비바리퍼블리 거래 취소 완료 문자가 왔는데요 이게 무엇인지?

아시는 분 계신가요?

갑자기 이런 문자가 와서 당혹스러운데요. 

비바리퍼블리가 뭐지 싶어 검색을 해보니 토스를 구매한 회사인 거 같은데요.

음 아직 의문인게 많지만 음 무슨 일일지 알아봐야겠습니다. 

아반떼 하이브리드 cn7 연비 고속도로 일반도로

안녕하세요.

아반떼 하이브리드를 5개월 정도 운영하면서 연비를 정리해보려고 합니다. 

인터넷이나 유투브에 보시면 연비 30km 이런 분들이 계신데 저는 아직 그런 연비가 나온 적이 없어서 제 경험을 기준으로 적겠습니다. 

아반떼 하이브리드를 와이프가 매일 출퇴근용으로 이용하고 있는데요. ^^

울산에서 기장으로 부울고속도로를 이용하여 출퇴근을 하고 있습니다. 연비는 매일매일 초기화하여 체크를 하는데요. 

매일 출퇴근거리는 86km 정도 되고요 운전 시간은 2시간 30분 정도 됩니다. 

고속도로 주행보조시스템(HDA) 켜고 다니고요 ^^ 평균속도는 100km로 다녀요. 

이렇게 주행할때 평균 연비는 25km/L 정도 나오는 거 같아요.  100km에서 속도를 올리면 연비는 떨어지고요 

100km 이하로 다니면 25에서 연비가 올라갑니다. 

네이버 검색 시 나오는 연비 정보를 보면 고속 20.7이라고 나오는데요. 왜 이렇게 다운스펙으로 적어 놓았는지는 알 수가 없네요. 

도심 21.4km라고 나와 있는데 정체구간이 많은 출퇴근길에 21.4km/L 이상의 연비를 보여줍니다. 

제가 삼산동이나 성남동으로 도심드라이브를 가끔 나가는데요. 고속도로가 나님에도 연비는 23km/L 이상 나오더라고요. 

최근에 경주에 다녀오면서 고속도로와 국도가 적절히 있는 코스였는데요. 

여기서 제가 아반떼 하이브리드를 운행하면서 최고 연비를 갱신했어요. 

경주 왕복 2두시간6분정도 걸렸고요 저녁을 먹으러 갔다 왔어요. 

82.8km를 달렸는데 연비는 27.6km/L 나왔어요.  갈때는 고속도로를 이용했지만 올 때는 국도로만 왔어요. 

저녁시간이기도 했고 도로가 그렇게 좋은 상태는 아니어서 속도를 낼 수 없었는데요 신호도 잘못 만나면 같은 신호등에서 신호만 3번 받기도 하고요. 그런데 연비를 확인하다 깜짝 놀라였지 뭐예요.. 잉 이렇게 더 잘 나온다고 ^^?

날씨가 추워져서 에어컨보다는 히터를 켜는데요. 아반떼하이브리드는 엔진이 있어서 그런지 여름철보다 겨울철이 연비가 더 잘 나오는 거 같습니다. 

이상 연비에대해서 경험을 적어보았습니다.