invertKO

Express로 간단한 웹 서버 열기

invertKO — Tue, 16 Jun 2020 21:31:59 +0900

#1 Express에 대한 문서( https://expressjs.com/ko/ )

#2 간단한 웹 서버 띄워보기

https://velog.io/@devzunky/TIL-no.91-TypeScript%EB%A1%9C-Express-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-zdk3x0xq0v

#1 Vue.js 사용해보기

invertKO — Thu, 28 May 2020 18:42:27 +0900

1. vue 셋팅 명령어
- npm install -g @vue/cli
- vue create start-vue
- cd start-vue
- npm run serve

2. Chorme에서 vue.js확장프로그램 설치

3. vs-code 기준에서의 설치된 vue.js 목록

4. App.vue

<div>

<span>{{message}}</span><br/>

</div>

</template>

export default{

name:'Hello Vue js',

data:()=>{

return{

message:'안녕.<span style="color:red">Vue</span>'

};

</script>

위의 코드로 화면은 아래와 같이 출력된다.

#1 TypeScript 설치하기

invertKO — Tue, 26 May 2020 23:18:32 +0900

Node가 설치된 환경의 기준이다.

아래의 명령어로 설치

npm install -g typescript

ts파일을 js파일로 컴파일 방법

tsc test.ts

ts파일을 컴파일 하지않고 바로 실행하고 싶다면 아래 실행

npm install -g ts-node

바로 실행하는 명령어

ts-node test.ts

pom.xml 설정하기

invertKO — Thu, 21 Nov 2019 18:09:07 +0900

#1 https://mvnrepository.com/

Maven Repository: Search/Browse/Explore

A generic command shell with a client and server part. Last Release on Sep 27, 2018

mvnrepository.com

접속하여 springcontext 검색

최신버전을 확인

pom.xml에서

<java -version>과 <org.springframwork-version> 부분을 최신버전으로 변경 후 저장

팝업창에 변수 넘기기

invertKO — Tue, 20 Aug 2019 00:13:06 +0900

#popup(팝업)창으로 변수를 form태그로 넘기기

[POPUP] 팝업창에 Post 방식으로 값 넘기기

저희 카페에 올렸던 글입니다. 도움이 될까 싶어서 여기에도 올려봅니다.
아래와 같은 html내의 Table을 엑셀로 저장하는 아주 간단한 팁입니다.




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript">
function popup(frm)
{
var url    ="testpop.asp";
var title = "testpop";
var status = "toolbar=no,directories=no,scrollbars=no,resizable=no,status=no,menubar=no,width=240, height=200, top=0,left=20";
window.open("", title,status); //window.open(url,title,status); window.open 함수에 url을 앞에와 같이
                                            //인수로 넣어도 동작에는 지장이 없으나 form.action에서 적용하므로 생략
                                            //가능합니다.
frm.target = title;                    //form.target 이 부분이 빠지면 form값 전송이 되지 않습니다.
frm.action = url;                    //form.action 이 부분이 빠지면 action값을 찾지 못해서 제대로 된 팝업이 뜨질 않습니다.
frm.method = "post";
frm.submit();
}
</script>
</HEAD>
<BODY>
<form name="form">
테스트값1 <input type=text name="test1" value=""><br>
테스트값2 <input type=text name="test2" value=""><br><br>
<input type="button" name="button1" value="전 송" onclick="javascript:popup(this.form);">
</form>
</BODY>
</HTML>

<%
test1 = request.form("test1")
test2 = request.form("test2")
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript">

function closewin()
{
self.close();
}

</script>
</HEAD>

<BODY>
<h3>Popup Page</h3><br>
<h3>테스트값1: <%=test1%></h3><br>
<h3>테스트값2: <%=test2%></h3><br>
<input type="button" value="닫기" onclick="javascript:closewin()">
</BODY>
</HTML>

출처: http://cafe.naver.com/webdeveloper.cafe

MVC Pattern(1) - 첫 화면 띄우기

invertKO — Mon, 19 Aug 2019 22:50:22 +0900

#1 MVC 구조

#2 ActionForward 클래스를 vo패키지에 추가한다.

package vo;

public class ActionForward {

//1번

private String path; // 경로정보

private boolean redirect; // true:리다이렉트, false:디스패치

public ActionForward() {

}

public ActionForward(String path, boolean redirect) {

super();

this.path = path;

this.redirect = redirect;

}

public String getPath() {

return path;

}

public void setPath(String path) {

this.path = path;

}

public boolean isRedirect() {

return redirect;

}

public void setRedirect(boolean redirect) {

this.redirect = redirect;

}

#3 action 패키지에 Action이라는 interface를 추가한다.

package action;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import vo.ActionForward;

public interface Action {

//2번

ActionForward execute(HttpServletRequest req, HttpServletResponse resp) throws Exception;

}

#4 action패키지에 homeAction, 즉 첫 화면을 나타내는 Action을 추가한다.

package action;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import vo.ActionForward;

public class HomeAction implements Action{

//3번

@Override

public ActionForward execute(HttpServletRequest req,HttpServletResponse resp)throws Exception {

ActionForward forward = new ActionForward();

forward.setPath("home");

forward.setRedirect(false);

return forward;

}

#4 action패키지에 ActionFactory를 추가한다.

여기서 ActionFactory는 명령어에 따라 action을 담당하는 공장이 된다.

package action;

import java.util.HashMap;

import java.util.Map;

public class ActionFactory {

//4번

private static ActionFactory factory = new ActionFactory();

public static ActionFactory getInstance() {

return factory;

}

private Map<String,Action> map;

private ActionFactory() {

map = new HashMap<>();

map.put("home", new HomeAction());

}

public Action getAction(String command) {

return map.get(command);

}

#5 FrontController , controller 패키지에 추가한다.

화면에 대한 controll을 담당하는 controller이다.

package controller;

import java.io.IOException;

import javax.servlet.RequestDispatcher;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import action.Action;

import action.ActionFactory;

import vo.ActionForward;

@WebServlet("*.do")

public class FrontController extends HttpServlet{

// 5번

private static final long serialVersionUID = 1L;;

@Override

protected void doGet(HttpServletRequest req, HttpServletResponse resp)

throws ServletException, IOException {

// 명령Command 확인 및 주소만들기

String requestURI = req.getRequestURI();

String contextPath = req.getContextPath();

String command = requestURI.substring(contextPath.length());

int index = command.lastIndexOf(".");

command = command.substring(1,index);

System.out.println("URI주소: " + requestURI);

System.out.println("contextPath: " + contextPath);

System.out.println("command: " + command);

System.out.println("명령어command: " + command);

// 주소로 이동

Action action = null;

ActionForward forward = null;

ActionFactory factory = ActionFactory.getInstance();

action = factory.getAction(command);

if(action != null) {

try {

forward = action.execute(req, resp);

} catch (Exception e) {

e.printStackTrace();

}

}//if

if(forward != null) {

if(forward.isRedirect()) {

resp.sendRedirect(forward.getPath());

}else {

String path ="WEB-INF/views/"+forward.getPath()+".jsp";

RequestDispatcher dispathcher = req.getRequestDispatcher(path);

dispathcher.forward(req, resp);

}

}//if

}

@Override

protected void doPost(HttpServletRequest req, HttpServletResponse resp)

throws ServletException, IOException {

req.setCharacterEncoding("utf-8");//한글처리

doGet(req,resp);

}

#6 index.jsp

첫 화면의 리다이렉트를 담당한다.

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<c:redirect url="home.do" />

#7 web.xml

마찬가지로 첫 화면을 띄우기 위해 설정한다.

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd" id="WebApp_ID" version="4.0">

<display-name>test</display-name>

<welcome-file-list>

<welcome-file>index.html</welcome-file>

<welcome-file>index.htm</welcome-file>

<welcome-file>index.jsp</welcome-file>

<welcome-file>default.html</welcome-file>

<welcome-file>default.htm</welcome-file>

<welcome-file>default.jsp</welcome-file>

</welcome-file-list>

</web-app>

#1 StarUML로 ERD(Data Model) 그리기

invertKO — Sun, 4 Aug 2019 13:52:38 +0900

1. ERD 프로젝트 생성

File - New From Template - Data Model로 생성

2. Table(Data Model) 생성

Entity를 선택 후 원하는 크기의 Table을 생성한다.

3. Column 추가하기

Table을 선택 후 우클릭하여 Add - Column으로 추가한다.

추가된 컬럼을 더블 클릭하여 데이터 타입 및 이름을 정해준다.

ex) coulmn1:INT(10)

데이터 타입이 추가된 테이블의 모습이다.

4. Table의 Column에 키 설정하기

컬럼을 선택하면 우측에 다음 사진과 같이 표시된다.

여기서 PK, FK등을 설정한다.

5. 관계설정하기

좌측에 표시된 다음 설정을 통해 1:1, 1:N, M:N 관계를 설정할 수 있다.

완성된 샘플이다.

공공데이터 Open API 활용하기

invertKO — Thu, 25 Jul 2019 19:11:08 +0900

#1 API가 제공하는 XML문서를 파싱하여 사용한다.

#2 제공되는 XML은 다음과 같다.

#3 먼저 console에서 확인해보기 위한 코드이다.

package com.myproject.myapi;

import java.io.BufferedReader;

import java.io.InputStreamReader;

import java.net.HttpURLConnection;

import java.net.URL;

import java.util.ArrayList;

import java.util.List;

public class apitest {

public static void main(String[] args) {

// 지역코드 List에 담기

List<String> regId = new ArrayList<String>();

String strid = "11B10101@" + "11B20201@" + "11B20601@" + "11B20605@" + "11B20602@" + "11B10103@" + "11B10102@"

+ "11B20606@" + "11B20603@" + "11B20609@" + "11B20612@" + "11B20610@" + "11B20611@" + "11B20604@"

+ "11B20503@" + "11B20501@" + "11B20502@" + "11B20504@" + "11B20701@" + "11B20703@" + "11B20702@"

+ "11B20301@" + "11B20302@" + "11B20305@" + "11B20304@" + "11B20401@" + "11B20402@" + "11B20403@"

+ "11B20404@" + "11B20101@" + "11B20102@" + "11B20202@" + "11B20204@" + "11B20203@" + "11A00101@"

+ "11H20201@" + "11H20101@" + "11H20304@" + "11H20102@" + "11H20301@" + "11H20601@" + "11H20603@"

+ "11H20604@" + "11H20602@" + "11H20701@" + "11H20704@" + "11H20402@" + "11H20502@" + "11H20503@"

+ "11H20703@" + "11H20501@" + "11H20401@" + "11H20403@" + "11H20404@" + "11H20405@" + "11H10701@"

+ "11H10702@" + "11H10703@" + "11H10704@" + "11H10705@" + "11H10601@" + "11H10602@" + "11H10603@"

+ "11H10604@" + "11H10605@" + "11H10501@" + "11H10502@" + "11H10503@" + "11H10302@" + "11H10301@"

+ "11H10303@" + "11H10401@" + "11H10402@" + "11H10403@" + "11H10101@" + "11H10102@" + "11H10201@"

+ "11H10202@" + "1.10E+102@" + "1.10E+103@" + "11F20501@" + "11F20503@" + "11F20502@" + "11F20504@"

+ "11F20505@" + "21F20102@" + "21F20101@" + "21F20801@" + "21F20804@" + "21F20802@" + "21F20201@"

+ "21F20803@" + "11F20701@" + "11F20603@" + "11F20405@" + "11F20402@" + "11F20601@" + "11F20602@"

+ "11F20301@" + "11F20303@" + "11F20304@" + "11F20302@" + "11F20401@" + "11F20403@" + "11F20404@"

+ "11F10201@" + "11F10202@" + "21F10501@" + "11F10203@" + "21F10502@" + "11F10401@" + "21F10601@"

+ "11F10302@" + "21F10602@" + "11F10403@" + "11F10204@" + "11F10402@" + "11F10301@" + "11F10303@"

+ "11C20401@" + "11C20404@" + "11C20402@" + "11C20602@" + "11C20403@" + "11C20601@" + "11C20301@"

+ "11C20302@" + "11C20303@" + "11C20101@" + "11C20102@" + "11C20103@" + "11C20104@" + "11C20201@"

+ "11C20202@" + "11C20502@" + "11C20501@" + "11C10301@" + "11C10304@" + "11C10303@" + "11C10102@"

+ "11C10101@" + "11C10103@" + "11C10201@" + "11C10202@" + "11C10302@" + "11C10403@" + "11C10402@"

+ "11C10401@" + "11D10101@" + "11D10102@" + "11D10201@" + "11D10202@" + "11D10301@" + "11D10302@"

+ "11D10401@" + "11D10402@" + "11D10501@" + "11D10502@" + "11D10503@" + "11D20201@" + "11D20401@"

+ "11D20402@" + "11D20403@" + "11D20501@" + "11D20601@" + "11D20602@" + "11D20301@" + "11G00201@"

+ "11G00401@" + "11G00101@" + "11G00501@" + "11G00302@" + "11G00601@" + "11G00800@" + "12F00200@"

+ "12F00100@" + "12B20100@" + "12B20200@" + "12B10100@" + "12D00000@" + "1.20E+01@" + "12C10100@"

+ "12C10201@" + "12C10202@" + "12C30100@" + "12C30200@" + "12C20100@" + "12C20200@" + "12A30100@"

+ "12A30201@" + "12A30202@" + "12A10100@" + "12A10200@" + "12A20200@" + "12A20100@" + "12G00000@"

+ "12B10400@" + "12B10300@" + "12A20102@" + "12A20101@" + "12B20103@" + "12C10101@" + "12B20102@"

+ "12B20101@" + "12B20104@" + "12C10102@" + "12C10103@" + "22A30103@" + "22A30104@" + "22A30105@"

+ "12B10101@" + "12B10102@" + "22A30101@" + "22A30102@" + "12A20103@" + "12A20104@" + "12C20103@"

+ "12C20102@" + "12C20101@" + "12B10302@" + "12B10303@" + "12B10301@" + "12B10304@" + "12B10201@"

+ "12B10202@";

String[] strid2 = strid.split("@");

for (int i = 0; i < strid2.length; i++) {

regId.add(strid2[i]);

}

BufferedReader br = null;

String serviceKey = "인증키";

for (int k = 0; k < regId.size(); k++) {

String urlstr = "http://newsky2.kma.go.kr/service/ForecastZoneInfoService/ForecastZoneCodeDataInfo?"

+ "regId=" + regId.get(k) // 구역 코드

+ "&" + "pageNo=1" // 페이지 수

+ "&numOfRows=1" + "&" + "ServiceKey=" + serviceKey;

try {

URL url = new URL(urlstr);

HttpURLConnection urlconnection = (HttpURLConnection) url.openConnection();

urlconnection.setRequestMethod("GET");

br = new BufferedReader(new InputStreamReader(urlconnection.getInputStream(), "UTF-8"));

String result = "";

String line;

while ((line = br.readLine()) != null) {

result = result + line + "\n";

} // while

System.out.println(result);

} catch (Exception e) {

System.out.println(e.getMessage());

} // catch

}

}// main

}

#4 XML을 파싱하여 사용해보자

package com.myproject.myapi;

import javax.xml.parsers.DocumentBuilder;

import javax.xml.parsers.DocumentBuilderFactory;

import org.w3c.dom.Document;

import org.w3c.dom.Element;

import org.w3c.dom.Node;

import org.w3c.dom.NodeList;

public class xmlParing {

//item 정보를 가져오는 메소드

private static String getTagValue(String tag, Element ele) {

NodeList nodeList = ele.getElementsByTagName(tag).item(0).getChildNodes();

Node nValue = (Node) nodeList.item(0);

if(nValue == null) {

return null;

}

return nValue.getNodeValue();

}// getTagValue

public static void main(String[] args) {

String serviceKey = "인증키";

int page =1; //페이지 초기값

try {

while(true) {

//parsing할 url 지정

String url = "http://newsky2.kma.go.kr/service/ForecastZoneInfoService/ForecastZoneCodeDataInfo?"

+ "regId=11B10101" // 구역 코드

+ "&" + "pageNo="+page // 페이지 수

+ "&numOfRows=1" + "&" + "ServiceKey=" + serviceKey;

DocumentBuilderFactory dbFactory = DocumentBuilderFactory.newInstance();

DocumentBuilder dBuilder = dbFactory.newDocumentBuilder();

Document doc = dBuilder.parse(url);

//root tag

doc.getDocumentElement().normalize();

System.out.println("Root Element : "+doc.getDocumentElement().getNodeName());

// parsing tag

NodeList nodeList = doc.getElementsByTagName("item");

System.out.println("파싱할 리스트 수 : "+ nodeList.getLength());

for(int temp =0; temp<nodeList.getLength(); temp++) {

Node nNode = nodeList.item(temp);

if(nNode.getNodeType()==Node.ELEMENT_NODE) {

Element element = (Element) nNode;

System.out.println("##########################");

System.out.println("위도: "+getTagValue("lat", element));

System.out.println("경도: "+getTagValue("lon", element));

System.out.println("예보구역명(영문): "+getTagValue("regEn", element));

System.out.println("예보구역코드: "+getTagValue("regId", element));

System.out.println("예보구역명(한글): "+getTagValue("regName", element));

System.out.println("지역특성: "+getTagValue("regSp", element));

System.out.println("상위구역코드: "+getTagValue("regUp", element));

System.out.println("순번: "+getTagValue("seq", element));

System.out.println("3시간예보관서: "+getTagValue("stnF3", element));

System.out.println("종료시각: "+getTagValue("tmEd", element));

System.out.println("시작시각: "+getTagValue("tmSt", element));

}//if

}//for

page += 1;

if(page >12) {

break;

}

}//while

} catch (Exception e) {

e.printStackTrace();

}

}//main

}

일정 시간단위로 반복되는 배치 수행

invertKO — Tue, 21 May 2019 16:15:44 +0900

package com.exam.test;

import java.text.ParseException;

import java.text.SimpleDateFormat;

import java.util.Date;

import java.util.Timer;

import java.util.TimerTask;

public class TimerTest {

public static void main(String[] args) {

Timer timer = new Timer();

TimerTask timerTask1 = new TimerTask() {

//타이머가 동작할 일

@Override

public void run() {

System.out.println("timerTask1.... |||||||");

}

};//timerTask1

String str = "2019-5-21T14:25";

str=str.replace("T", " ");

System.out.println(str);

SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd hh:mm");

Date date = null;

try {

date = sdf.parse(str);

} catch (ParseException e) {

e.printStackTrace();

}

String strPeriod ="";

TimerTask timerTask2 = new TimerTask() {

@Override

public void run() {

System.out.println("timerTask2.... |||||||");

// 작업내용이 포함된 TimerTask

}

};

timer.scheduleAtFixedRate(timerTask1, 500, 2000); // timeTask1를 period만큼 반복 , 단위는 ms

timer.scheduleAtFixedRate(timerTask2, 0, 5000); // timeTask1를 period만큼 반복 , 단위는 ms

timerTask1.cancel(); // 개별 태스크 동작 취소

timer.cancel(); // 타이머에 등록된 모든 태스크 취소

}

난수생성 후 중복없이 출력

invertKO — Thu, 9 May 2019 18:27:18 +0900

public class delete {

public static void main(String[] args) {

int[] arr = new int[10]; //1차원배열 방 10개를 만듭니다.

int ran=0; //랜덤값을 받을 변수를 만듭니다.

boolean cheak; // 비교하기 위해 boolean형 변수를 만듭니다.

Random r = new Random(); // Random형 객체를 만듭니다.

for (int i=0; i<arr.length; i++) { // 배열의 크기만큼 for문을 돌립니다.

ran = r.nextInt(10)+1; // nextInt(10)하면 0-9까지 나오므로 +1을 시켜 1-10까지로 만듭니다.

cheak = true; // i문이 돌 때마다 cheak를 true로 만듭니다.

for (int j=0; j<i; j++) { //if문 때문에 j를 i값만큼 돌립니다.

if(arr[j] == ran) {

// arr배열의 방은 다 비어있는 상태이고 위에서 nextInt를 해야 하나씩 들어갑니다.

// 그러므로 i의 값만큼 배열에 들어가있는 것입니다.

// for문을 돌리면서 방금 받은 random값과 배열에 들어있는 값들을 비교하여 같은게 있으면

i--; // i의 값을 하나 줄여 한 번 더 돌게 합니다.

cheak=false; // 목적과는 다르게 같은 값이 나왔으므로 cheak를 false로 만듭니다.

}

if(cheak) // 위의 if문의 조건을 만족하지 않았으면 자동으로 cheak는 true므로 실행이 됩니다.

arr[i] = ran; // ran에 받은 값을 arr[i]방에 넣습니다.

}

for(int i=0; i<arr.length; i++) //출력하기 위한 for문

System.out.println(arr[i]); // arr배열을 출력합니다.

}