[Spring] HttpURLConnection을 이용한 API 연동 방법

2021-09-26 오늘은 오픈 API를 연동하는 과정을 알아보도록 하자. 예제는 https://open.assembly.go.kr/portal/openapi/main.do를 활용해서 진행할 예정이며, 가이드라인도 열린 국회 정보 API를 따른다. - 예제 먼저 아래는 View를 구성하는 jsp 화면이다. api 연동으로 얻어진 정보를 openInfo라는 하나의 객체로 담아 간단히 나타낼 것이기 때문에 매우 간단하다. 얻어온 Open API 정보 ${openInfo } API화면 아래는 api 정보를 받아올 dto 객체이다. package com.test.test.dto; public class ApiDto { private String billId; private String billNo; privat..

• format_list_bulleted WEB/Spring
• · 2021. 9. 26.
• textsms

[JavaScript] a 태그 자바스크립트 호출 방법 알아보기

2021-09-05 자바스크립트 함수를 호출할 때 a태그를 사용하여 호출하는 경우가 많은데 오늘은 이와 같은 방법을 빠르게 알아보자. -코드 사실 방법은 크게 두가지로 하는 href 링크를 이용해 자바스크립트 함수를 호출하는 방법이고 나머지 하나는 onclick 이벤트를 이용해 함수를 호출하는 방법이다.

• format_list_bulleted WEB/JavaScript
• · 2021. 9. 5.
• textsms

[JavaScript] 자바스크립트를 이용한 팝업창 띄우기

2021-09-04 화면 이동이 아닌 현재 화면에서의 팝업창을 띄워야 하는 경우가 생길 수 있다. 간단한 공지사항이나 이벤트 정보의 경우 팝업창으로 보여주면 아무래도 사용자의 집중과 관심을 유도할 수 있다. 오늘은 이러한 방법을 자바스크립트를 통해서 구현하는 방법을 알아보자. - 예제 우선 방법은 a 태그를 클릭하면 팝업창이 뜨는 방식으로 구현할 것이다. 단순 팝업창만 띄울거기 때문에 컨트롤러 로직 및 차후 파라미터를 서로 forward 하는 방법까지는 다루지 않는다. 우선 아래는 구체적인 함수구현 부분이다. 크게 어려운 것은 없으며, 창 크기 및 창을 띄울 위치 이외의 window 속성을 지정하고 마지막으로 window.open을 통해 자신이 팝업으로 띄우고 싶은 url 맵핑 정보 이름 window 속..

• format_list_bulleted WEB/JavaScript
• · 2021. 9. 4.
• textsms

[Thymeleaf] 타임리프 switch 사용법 빠르게 알아보기

2021-08-28 switch 구문은 th내부에서도 바로 사용할 수 있다. th:switch를 선언한 상위 태그 안에 하위 태그마다 th:case의 조건을 넣어두어 각 조건에 맞는 개발자가 원하는 내용을 넣을 수 있다. 바로 예제를 살펴보도록 하자. -소스코드 유저라는 하나의 DTO or VO(객체)가 있다고 예를 들어보자 해당 객체에는 gender라는 필드 값이 있고 이 안에는 M(남자) 또는 W(여자)라는 하나의 문자만을 가지도록 제한되어 있다고 가정하자. 사용자 입장에서는 단순 문자를 바로 보여주는 것보다. 한글로 표현해주는게 조금 더 가독성이 높기 때문에 치환을 시켜주는 게 좋을 것이다. 이럴 때 타임리프의 switch를 사용하는 것이 좋다. 아래를 보자. 남자 여자 상위 태그 div 안에 th..

• format_list_bulleted WEB/Thymeleaf
• · 2021. 8. 28.
• textsms

[Thymeleaf] 타임리프 null 과 빈 문자열"" 체크하는 방법

2021-08-14 thymeleaf에서 전달받은 파라미터 정보가 null일 때와 "" (빈 문자열) 여부를 체크해 주어 클라이언트에게 보이는 정보를 다르게 표현해야 하는 경우가 있다 이러한 경우 어떻게 처리해야 하는지 알아보자. - 소스코드 위의 코드를 보자 여기서 null과 ""를 체크하는 코드는 바로 ${not #strings. isEmpty(user.id)} 이 부분이다. #strings. isEmpty는 유저라는 객체의 아이디가 null이거나 빈문열일 경우 true 반환하게 된다. 앞에 not을 붙여주면 반대로 파라미터의 정보가 있을 때 true를 반환한다. 반면에 null과 "" 일 경우의 특정값을 출력하고 싶으면 위와 같은 형식으로 나타내 주면 된다. 메인 이미지 출처 : Photo by T..

• format_list_bulleted WEB/Thymeleaf
• · 2021. 8. 14.
• textsms

[JavaScript] a 태그 뒤로 가기 링크 부여하기 history.back() / go(-1)

2021-07-24 뒤로 가기 버튼을 구현하기 위해서는 크게 준비할 거 없이 a 태그 하나만 사용하면 손쉽게 구현할 수 있다. 오늘은 이와 같은 방법을 빠르게 알아보도록 하자. - 소스코드 // 히스토리의 back을 사용한 뒤로가기 링크 구현 뒤로가기 // 히스토리의 go를 사용한 뒤로가기 링크 구현 뒤로가기 위의 두 코드는 뒤로가기 버튼 구현 시 상당히 많이 사용하는 코드로 자신의 기호와 상황에 맞게 사용해주면 된다. (작성자는 가독성 면에서 back() 메서드가 조금 더 눈에 들어오기 때문에 자주 사용하곤 한다.) (버튼 형식으로 구현하고 싶으면 a 태그안에 button 태그를 넣어서 구현하면 된다.) 메인 이미지 출처: Photo by Toa Heftiba on Unsplash

• format_list_bulleted WEB/JavaScript
• · 2021. 7. 24.
• textsms