'프로그래밍' 카테고리의 글 목록 (8 Page)

프로그래밍

NODE JS - babel 란? (babel 설치방법) 2019.03.15
NODE JS - node js , express.js 란? 2019.03.15
전자정부프레임워크 - MYBATIS , IBATIS 다중DB 연동 2019.03.12 2
NODE JS - NODE JS 설치 , NPM 설치 ,PARCEL 설치 2019.03.04
javascript - foreach 문 , for in 문 , for of문 2019.03.03 1

NODE JS - babel 란? (babel 설치방법)

2019. 3. 15. 17:33

◎ babel 설치 방법

▼ 내용

npm install @babel/node

babel 설치 후 babel 추가 설정 다운로드 방법

npm install @babel/preset-env
npm install @babel/core

설치 후 node 동작할 메인 폴더에 .babelrc 를 추가 하고 아래 소스를 적어준다.

대충 babel의 preset-env 의 옵션을 사용하겠다는 듯이다.

{
    "presets" : ["@babel/preset-env"]
}

그리고 package.json 의 scripts 안에 start 도

node index.js 가 아닌 babel-node index.js로 변환

그후 작동되는지 테스트를 위해서 최신의 문법이 변환되나 확인

import express from "express";
//const express = require('express'); 위와 동일한 소스임

P.S 설치 하면 아래 그림처럼 pakage.json 의 dependencies의 버전 기입이 된다.

P.S 2 소스를 변경할때마다 일일이 재시작 할 필요없이 자동으로 재시작해주는 패키지 설치

npm install nodemon -D
//-D 를 붙이면 pakage.json 에 알아서 붙혀준다 그이후
// scripts 의 start 를 nodemon --exec babel-node index.js --delay 2 로 바꾼다

저작자표시 비영리 변경금지

'프로그래밍 > NodeJS' 카테고리의 다른 글

NODE JS - File System 파일 생성,삭제,수정,동기와 비동기 (0)	2019.03.20
NODE JS - PUG 설치와 사용법 (0)	2019.03.15
Node JS - middleware , express 의 url 추가맵핑 , 뷰템플릿 변수설정 (0)	2019.03.15
NODE JS - node js , express.js 란? (0)	2019.03.15
NODE JS - NODE JS 설치 , NPM 설치 ,PARCEL 설치 (0)	2019.03.04

NODE JS - node js , express.js 란?

2019. 3. 15. 17:30

◎ NODE JS 란?

▼ 내용

back-end (서버기술) 로

프론트가 아닌 백엔드에서도 javascript기술을 쓸수 있게 고안된 언어.

NPM : Node Package Manager

◎ Express.js

▼ 내용

Node.js 의 프레임워크다

java 의 스프링 php 의 라라벨 파이썬의 django 같은 프레임워크다.

express.js 의 경우 github의 마지막 커밋이 2달전 4년전 1년전이다.

그만큼 준비가 다되있고 완벽,완성에 가까운 프레임 워크라는거다.

가장 많이 쓰이는 프레임워크다.

◎ express js 설치방법

▼ 내용

npm install express
// install 하고나서
npm init -y
//하면 pakage.json 이자동으로 생김

//pakage.jsn
{
  "name": "wetube",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    "express": "^4.16.4"
  },
  "devDependencies": {},
  "scripts": {
    "start": "index.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}
//이렇게 설정해주고 나면 npm run start 할때마다 start 기준으로 파일이 실행됨

◎ express 라우팅 (서버 실행을 위한 index.js 정의)

▼ 내용

라우팅은 애플리케이션 엔드 포인트(URI)의 정의, 그리고 URI가 클라이언트 요청에 응답하는 방식을 말합니다. 라우팅에 대한 소개는 기본 라우팅을 참조하십시오.

( 링크 : https://expressjs.com/ko/guide/routing.html )

requIre : module.exports를 리턴한다 (함수로 모듈을 가지고 온다.)

다음 코드는 매우 기본적인 라우트의 예입니다.

const express = require('express');  
//requre 는 module.exports를 리턴한다 (함수로 모듈을 가지고 온다.)
const app = express();
const PORT = 4000; // PORT 번호

const handlehome = (req,res) => {
  console.log(req);
  console.log("핸들홈");
  res.send("Hello From Home");
}

const handleProfile = (req,res) => {
  res.send("You are profile");
}

app.get('/',handlehome); //root로 접속한 경로에 response로 helloworld를 받아서 출력해준다
app.get('/profile',handleProfile); //경로 http://localhost:4000/profile

console.log('시작');

const handleListening = () =>{ //애로우 함수로 펑션을 만들엇다.
    console.log(`Listening on : http://localhost:${PORT}`);
}
app.listen(PORT,handleListening); //port번호 설정
//node 실행 방법 node index.js

express 를 불러와서 app 변수에 담아서 port번호달고,url 경로를 맵핑시켜주는게 다다.

위 소스처럼 express는 url 경로를 쉽게 해주고

url 경로마다 호출해서 보여줄 함수들을 쉽게 정리할수 있다.

REQUIRE, Exports , module.exports 내용정리 링크

https://medium.com/@flsqja12_33844/require-exports-module-exports-%EA%B3%B5%EC%8B%9D%EB%AC%B8%EC%84%9C%EB%A1%9C-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0-1d024ec5aca3

require(), exports, module.exports 공식문서로 이해하기 – Chullin – Medium

medium.com

◎ node.js 로 만들어진 대기업 사이트

▼ 내용

paypal uber netflix

-> node js로 만들어진 웹사이트

-> 데이터를 다루기 때문에 node js 를 사용

netflix

-> 엄청 많은 언어를 사용했을 것으로 추정 !

-> 기본 메인 언어는 하나 있겠지만, 여러 언어를 사용

paypal

-> 자바 : 은행과 연결

-> 등등 다른 언어들...

facebook

-> 수백개의 언어로 만들어졌다.

-> 채팅 : javascript(websocket)

==node js==

많은 테스트가 있었고, 많은 사람들이 사용하고 , 많은 회사에서 사용한다.

cool~~~~

수없이 검증되었고 많은 곳에서 사용 되니 걱정말고 공부하자~

저작자표시 비영리 변경금지

'프로그래밍 > NodeJS' 카테고리의 다른 글

NODE JS - File System 파일 생성,삭제,수정,동기와 비동기 (0)	2019.03.20
NODE JS - PUG 설치와 사용법 (0)	2019.03.15
Node JS - middleware , express 의 url 추가맵핑 , 뷰템플릿 변수설정 (0)	2019.03.15
NODE JS - babel 란? (babel 설치방법) (0)	2019.03.15
NODE JS - NODE JS 설치 , NPM 설치 ,PARCEL 설치 (0)	2019.03.04

전자정부프레임워크 - MYBATIS , IBATIS 다중DB 연동

2019. 3. 12. 13:55

IBATIS 와 MYBATIS는 연동방법이 좀다르다.

IBATIS는 context-sqlMap.xml 을사용하고

MYBATIS는 context-mapper.xml 을 사용한다.

그리고 datasource도

IBATIS 는 org.springframework.jdbc.datasource.DriverManagerDataSource

MYBATIS 는 org.springframework.jdbc.datasource.SimpleDriverDataSource

더 자세한거는 밑에 소스를 참고하시길..

실행환경 SPRING 3.2.9 , EGOV 3.0.0

전자정부는 기본적으로 템플릿에 context-xxxx 이렇게 붙은파일이 나온다.

전자정부는 pom.xml에 mybatis , ibatis 라이브러리를 안써줘도된다.

다 깔려있으니간.

◎ context-mapper.xml (mybatis config 라 생각하셈)

▼ 내용

datasource 의 ref 를 보면 sub_ 를 붙엿다 ibatis, mybatis 둘다 연동을 위해

mapperLocations 의 쿼리 날릴 SQL.XML 등의 경로를 기술해주면 된다

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd">

	<!-- MapperConfigurer setup for MyBatis Database Layer with @Mapper("deptMapper") in DeptMapper Interface -->
 	<bean class="egovframework.rte.psl.dataaccess.mapper.MapperConfigurer">
		<property name="basePackage" value="org.egovframework.karico.service.impl" />
	</bean>
	
	
    <bean id="sqlSession" class="org.mybatis.spring.SqlSessionFactoryBean">
        <property name="dataSource" ref="sub_dataSource" />
        <property name="mapperLocations" value="classpath:/egovframework/sqlmap/seis_web/sql/NewFile.xml" />
    </bean>	
	
</beans>

◎ context-sqlMap.xml (Ibatis config 라 생각하셈)

▼ 내용

configLocation 의 SQL.XML 의 쿼리를 기술해줄 경로를 지정하면된다

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.2.xsd">

	<!-- SqlMap setup for iBATIS Database Layer -->
	<bean id="sqlMapClient" class="org.springframework.orm.ibatis.SqlMapClientFactoryBean">
		<property name="configLocation" value="classpath:/egovframework/sqlmap/seis_web/sql-map-config.xml"/>
		<property name="dataSource" ref="dataSource"/>
	</bean>
</beans>

◎ context-datasource (mybatis , ibatis 둘다 써놧음)

▼ 내용

abcd

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns:jdbc="http://www.springframework.org/schema/jdbc"
	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.2.xsd
						http://www.springframework.org/schema/jdbc  http://www.springframework.org/schema/jdbc/spring-jdbc-3.2.xsd">
	
<!-- 	<jdbc:embedded-database id="dataSource" type="HSQL"> -->
<!-- 		<jdbc:script location= "classpath:/db/sampledb.sql"/> -->
<!-- 	</jdbc:embedded-database> -->
	
 	<!-- IBATIS 환경설정-->
    <bean id="dataSource" class="org.springframework.jdbc.datasource.DriverManagerDataSource">
      <property name="driverClassName" value="${jdbc.driverClassName}" />
		<property name="url" value="${jdbc.url}" />
		<property name="username" value="${jdbc.username}" />
		<property name="password" value="${jdbc.password}" />
	</bean>

 	<!-- MYBATIS 환경설정-->
    <bean id="sub_dataSource" class="org.springframework.jdbc.datasource.SimpleDriverDataSource">
      <property name="driverClass" value="${jdbc2.driverClassName}" />
		<property name="url" value="${jdbc2.url}" />
		<property name="username" value="${jdbc2.username}" />
		<property name="password" value="${jdbc2.password}" />
	</bean>

</beans>

XML 연동은 이걸로 끝이다.

이 이후 service,dao,impl,controller 만 알아서 작성하면된다

ibatis는 생략...

밑에는 mybatis 연동이다.

(내 플젝이 ibatis가 되잇는걸 추가 db 연동으로 mybatis 연동하는거라서)

(ibatis 써논건 귀찮아서 안씀... 궁금하면 댓글 ㄱ)

◎ NewFile.xml (mybatis 쿼리.xml)

▼ 내용

위의 환경설정에 보면 MYBATIS 쿼리 SQL 경로설정하는거에 NewFile로 되잇을거다

난 이 파일명으로 사용하였다. 대충하였기 떄문에....

ibatis sql은 따로 안쓸것이다 (대충 아는사람들은 알겟지... 구지쓸필요없음을)

그래도 모르겠으면 댓글 ㄱ

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<mapper namespace="egovframework/sqlmap/seis_web/sql/NewFile">
 
    <select id="sub_station" resultType="Map">
       select * from station where STA_NO = '1'
    </select>
     
</mapper>

◎ NewFileService.java (service 인터페이스다)

▼ 내용

package org.egovframework.karico.dao;

import java.util.List;
import java.util.Map;


public interface NewFileService {
	public List<Map<String,Object>> getNewFile () throws Exception;
}

◎ NewFileServiceImpl.java (service 인터페이스다)

▼ 내용

package org.egovframework.karico.dao;
import java.util.List;
import java.util.Map;
import javax.annotation.Resource;
import org.springframework.stereotype.Service;
import egovframework.rte.fdl.cmmn.AbstractServiceImpl;

@Service("NewFileService")
public class NewFileServiceImpl extends AbstractServiceImpl implements NewFileService {

	@Resource(name="newfiledao")
	private NewFileDao newfiledao;
	
	@Override
	public List<Map<String, Object>> getNewFile() throws Exception {
		return newfiledao.NewFileDaoSelect();
	}
}

◎ NewFileDao.java

▼ 내용

package org.egovframework.karico.dao;

import java.util.List;
import java.util.Map;
import org.springframework.stereotype.Repository;
import egovframework.rte.psl.dataaccess.EgovAbstractMapper;

@Repository("newfiledao")
public class NewFileDao extends EgovAbstractMapper {
	public List NewFileDaoSelect() throws Exception {
		return list("sub_station", null);
	}
}

◎ Controller.java

▼ 내용

	@Resource(name = "NewFileService") 
	NewFileService newfileservice;
	
	@RequestMapping("/testabcd")
	public ModelAndView abcdefg (HttpServletRequest request, HttpServletResponse response) throws Exception {
		
		System.out.println(newfileservice.getNewFile());
		return null;
	
	}

마무리 하면서 위의 예제들은 진짜 순수 연동만을위한 간단간단하게 쓴것들이다.

초급자 기준으로 쌩판 모르는 사람들 기준으로 쓴건데

이해가 안가는 부분이 있으면 댓글 남기면

성실히 답변해드림

저작자표시 비영리 변경금지

'프로그래밍 > Spring' 카테고리의 다른 글

Spring - 프로젝트 한글깨짐 설정 (2)	2019.07.02
JAVA - jar 내부/외부 properties 파일 읽기 (0)	2019.04.09
스프링 Junit 테스트 예제 (0)	2019.02.27
SPRING [SOAP , RESTFUL] 에 대한 이해 (1) (0)	2019.02.27
SPRING [RESTFUL] 에 대한 이해 (2) (0)	2019.02.27

NODE JS - NODE JS 설치 , NPM 설치 ,PARCEL 설치

2019. 3. 4. 03:07

◎ 1 .NODE JS 설치

▼ 1. 아래 URL 주소로 NODE JS 접속 해서 각 자기 OS 환경에 맞는 버전 다운

저는 윈도우 10 64비트라 저거 클릭후 다운받음.

node-v10.15.2-x64.z01

node-v10.15.2-x64.zip

파일 다운로드

혹시나 싶어서 분할압축으로 NODE JS 윈도우 10 X64비트용 올려놓음

그후 파일클릭후 실행하고 NEXT 만 누르면 자동으로 다운됨

(PATH설정도 자동 맞춰주는거같음)

◎ 2. NPM 설치

▼ NODE.JS 설치후 CMD에서 아래 명령어를 치면 NPM 설치 작업 완료.

npm install --global --production npm-windows-upgrade

요런 창이뜨더니 계쏙진행되면서

요런창이 뜨면 작업완료

◎ 3. parcel 설치

▼ npm 설치후 vs 코드에서 작업을 수행하였다

1. 터미널에 npm install -g parcel-bundler 입력

npm install -g parcel-bundler

이렇게 작업이 수행된다

작업 완료까지 2분 이렇게 뜨면 작업이 완료된다.

◎ 4. parcel 사용 (서버실행)

▼ parcel 을 사용하기 위하여 pacakage.json을 수정

1. vs 코드 터미널에서 npm init -y 명렁어를 친다.

2. package.json 파일이 생성된다.

3. package.json 파일에서 main 부분을 지우고

4. scripts 부분에 'start : 'parcel index.html' 로 수정

5. 터미널에 npm run start 입력

6. 터미널에 뜬 주소로 들어가면 index.html이 서버로 수행이된다. (제경우는 http://localhost:1234)

npm init -y

npm init -y 입력호 package.json 다운받아짐

package.json 내용 수정

npm run start 터미널 입력

'프로그래밍 > NodeJS' 카테고리의 다른 글

NODE JS - File System 파일 생성,삭제,수정,동기와 비동기 (0)	2019.03.20
NODE JS - PUG 설치와 사용법 (0)	2019.03.15
Node JS - middleware , express 의 url 추가맵핑 , 뷰템플릿 변수설정 (0)	2019.03.15
NODE JS - babel 란? (babel 설치방법) (0)	2019.03.15
NODE JS - node js , express.js 란? (0)	2019.03.15

javascript - foreach 문 , for in 문 , for of문

2019. 3. 3. 03:54

◎ foreach 문

▼ 내용

foreach 반복문은 오직 Array 객체에서만 사용가능한 메서드입니다. (ES6부터는 Map,Set 지원)

배열의 요소들을 반복하여 작업을 수행할수 있습니다.

foreach구문의 인자로 callback함수를 등록할수 있고, 배열의 각 요소들이 반복될 떄 이 callback 함수가 호출됩니다. callback 함수에서 배열요소의 인덱스와 값에 접근할수 있습니다.

배열의 첫번쨰부터 마지막까지 반복하면서 item을 꺼낼수 있다.

var arr = ['가','나','다','라'];

arr.forEach(function(item,index,arr2){
    console.log(item,index,arr2[index+1]);
})
//첫번쨰 인수는 배열의 각각의 item
//두번쨰 인수는 배열의 index
//세번째 인수는 배열 그자체

◎ for .... in 반복문

▼ 내용

객체에 사용 할수 있습니다.

객체의 key값과 value 값을 뽑아내는데 유용합니다.

객체의 키값의 갯수만큼 반복하여 첫번쨰키값부터 마지막 키값까지 반복합니다.

var obj = {
    a: '가', 
    b: '나', 
    c: '다'
};

for (var key in obj) {
    console.log(key, obj[key]); // a 가, b 나, c 다
}

◎ for ... of 반복문

▼ 내용

for of 반복문은 ES6에 추가된 새로운 컬렉션 전용 반복 구문입니다.

for of 구문을 사용하기 위해선 컬렉션 객체가 [Symbol.iterator] 속성을 가지고 있어야만 합니다.

(직접 명시 가능)

var iterable = [10, 20, 30];

for (var value of iterable) {
  console.log(value); // 10, 20, 30
}

◎ for in 반복문과 for of 반복문의 차이점

▼ 내용

for in 반복문 : 객체의 모든 열거 가능한 속성(property)에 대한 반복

for of 반복문 : [Symbol.iterator] 속성을 가지는 컬렉션 전용

Object.prototype.objCustom = function () {};// Object 프로퍼티에 객체 생성
Array.prototype.arrCustom = function () {}; // array 프로퍼티에 객체 생성

var iterable = [3, 5, 7];
iterable.foo = "hello";

for (var key in iterable) {
  console.log(key); // 0, 1, 2, "foo", "arrCustom", "objCustom"
}
//기본 js 내장함수에 프로퍼티를 추가해서 프로퍼티까지 다뽑힌다

for (var value of iterable) {
  console.log(value); // 3, 5, 7
}

'프로그래밍 > JavaScript' 카테고리의 다른 글

D3.JS - 날짜 라인 그래프 그리기 (0)	2022.01.05
JavaScript - ECMA6 문법 (구조분해,애로우함수 등) (0)	2019.04.30
javascript 구동방법이해하기 (0)	2019.03.03
javascript - 콜백함수 확장판 (콜백함수 이해하기) (0)	2019.03.03
javascript - 콜백함수,함수의 선언,클로저 (0)	2019.03.03

PREV 1 ···5 6 7 8 9 10 11 ···13 NEXT

아빠개발자의 노트