'분류 전체보기' 카테고리의 글 목록 (10 Page)

'공방 제작 포스트'에 해당되는 글 256건

[MySQL] ON DUPLICATE KEY UPDATE 사용하기[MySQL] ON DUPLICATE KEY UPDATE 사용하기

Posted at 2020. 5. 14. 17:13 | Posted in MySQL/MySQL

참고 : https://sdevstudy.tistory.com/12

■ ON DUPLICATE KEY UPDATE 사용하기

MySQL에서는 대량의 파일을 등록 및 수정하는경우

기존 데이터는 UPDATE하고 신규 데이터는 INSERT 시키는 ON DUPLICATE KEY UPDATE 기능을 제공한다.

해당 기능을 잘 사용하게 되면 대량의 데이터 처리하는데 많은 도움이 된다.

먼저 ON DUPLICATE KEY UPDATE 기능을 알아볼 테스트 테이블을 하나 생성해 보자.

# 테이블 생성

CREATE TABLE onepiece (

seq_num INT( 11 ) NOT NULL AUTO_INCREMENT

, name VARCHAR( 20 ) NOT NULL

, age INT( 2 ) NOT NULL

, stature INT( 3 ) DEFAULT NULL

, prize_money VARCHAR( 20 ) DEFAULT NULL

, blood VARCHAR( 2 ) DEFAULT NULL

, PRIMARY KEY ( seq_num )

) ENGINE=INNODB DEFAULT CHARSET=utf8

테이블이 정상적으로 생성되었다면 초기값을 먼저 세팅해 보자.

# 데이터 입력 - 초기값 설정

INSERT INTO onepiece (name, age, stature, prize_money, blood) VALUE ('Monkey D. Luffy', '17', '172', '3억', 'F');

INSERT INTO onepiece (name, age, stature, prize_money, blood) VALUE ('Roronoa Zoro', '19', '178', '1억 2천만', 'XF');

INSERT INTO onepiece (name, age, stature, prize_money, blood) VALUE ('Sanji', '19', '177', '7천 7백만', 'S');

초기값을 INSERT 하였다면 SELECT 하여 내용을 한번 확인해 보자.

# 데이터 출력 - 입력내역 확인

SELECT seq_num, name, age, stature, prize_money, blood FROM onepiece

이제 해당 샘플 테이블에서 절대로 변경되지 않을 name 컬럼을

UNIQUE KEY로 지정해야 한다.

# 테이블 변경 - UNIQUE KEY 적용

ALTER TABLE onepiece ADD UNIQUE ( name );

UNIQUE KEY 지정이 완료되었다면

본격적으로 ON DUPLICATE KEY UPDATE 사용하였을때 어떤 결과를 얻을 수 있는지

새로운 데이터를 INSERT 하여 확인해보자.

# 데이터 입력 - 변경 및 추가 데이터 입력

-- 업데이트 할 기존 데이터

INSERT INTO onepiece ( name, age, stature, prize_money, blood ) VALUE ( 'Monkey D. Luffy', '19', '174', '15억', 'F' )

ON DUPLICATE KEY UPDATE age = age + 2, stature = VALUES( stature ), prize_money = VALUES( prize_money );

INSERT INTO onepiece ( name, age, stature, prize_money, blood ) VALUE ( 'Roronoa Zoro', '21', '181', '3억 2천만', 'XF' )

ON DUPLICATE KEY UPDATE age = age + 2, stature = VALUES( stature ), prize_money = VALUES( prize_money );

INSERT INTO onepiece ( name, age, stature, prize_money, blood ) VALUE ( 'Sanji', '21', '180', '3억 3천만', 'S' )

ON DUPLICATE KEY UPDATE age = age + 2, stature = VALUES( stature ), prize_money = VALUES( prize_money );

-- 신규 데이터

INSERT INTO onepiece ( name, age, stature, prize_money, blood ) VALUE ( 'Usopp', '19', '176', '2억', 'S' )

ON DUPLICATE KEY UPDATE age = age + 2, stature = VALUES( stature ), prize_money = VALUES( prize_money );

INSERT INTO onepiece ( name, age, stature, prize_money, blood ) VALUE ( 'Nami', '20', '170', '6천 6백만', 'X' )

ON DUPLICATE KEY UPDATE age = age + 2, stature = VALUES( stature ), prize_money = VALUES( prize_money );

INSERT INTO onepiece ( name, age, stature, prize_money, blood ) VALUE ( 'Tony Tony Chopper', '17', '90', '백', 'X' )

ON DUPLICATE KEY UPDATE age = age + 2, stature = VALUES( stature ), prize_money = VALUES( prize_money );

INSERT INTO onepiece ( name, age, stature, prize_money, blood ) VALUE ( 'Nico Robin', '30', '188', '1억 3백', 'S' )

ON DUPLICATE KEY UPDATE age = age + 2, stature = VALUES( stature ), prize_money = VALUES( prize_money );

ON DUPLICATE KEY UPDATE를 사용하는 기존 데이터와 신규 데이터의 입력이 완료되었다면

다시 SELECT 문으로 테스트 테이블의 내용을 확인해 보자.

# 데이터 출력 - 변경 내역 확인

SELECT seq_num, name, age, stature, prize_money, blood FROM onepiece

ON DUPLICATE KEY UPDATE 를 사용한 출결결과를 보면

여기서 age = age + 2 는 기존 값이 존재한다면 기존 값에서 +2를 더해주었다.

완전히 새로운 데이터로 초기화 하기 위해서는 stature = VALUES( stature ), prize_money = VALUES( prize_money ) 와 같이

VALUES를 활용하게 되면 완전히 새로운 데이터로 치환되는것을 확인 할 수 있다.

한가지 더 눈여겨 봐야 할 것은 데이터가 추가될 때마다 자동 증가되는 seq_num 컬럼 시퀀스 값이다.

1, 2, 3 다음에 4, 5, 6이 생략되고 7, 8, 9 10이 추가되는 것을 볼 수 있는데

이를 통해 ON DUPLICATE KEY UPDATE 작동방식을 유추해 볼 수 있다.

① INSERT 문을 실행하여 신규 데이터를 입력한다.

② UNIQUE KEY( name컬럼 )의 에 중복되는 값을 확인한다.

③ 중복된 UNIQUE KEY값이 존재하면 ON DUPLICATE KEY UPDATE 지정된 컬럼( age, stature, prize_money )컬럼을 UPDATE 한다.

④ 마지막으로 새로 INSERT된 중복되는 UNIQUE KEY값을 가진 항목을 DELETE 한다.

필자는 항상 ON DUPLICATE KEY UPDATE 를 알기 전까지는 항상

if( UNIQUE KEY == TRUE ) { console.log( UPDATE문 실행. ); } else { console.log( INSERT문 실행. ); }

의 선택지 외에는 존재하지 않았다.

물론 이와 같은 방법으로도 해결은 가능하지만,

참고 : https://mssun.tistory.com/entry/MySQL-replace-into

REPLACE INTO 관련내용 정리

저작자표시

'MySQL > MySQL' 카테고리의 다른 글

[MySQL] 전체 날짜 출력하기 - 데이터가 없는 경우 포함 (2)	2020.02.07
[PHP] MySQL 한글 깨지는 경우 (0)	2018.09.09
[MySQL] 날짜 YYYY-MM-DD 형식으로 출력하기. (0)	2018.08.20

[Node.js] socket 통신으로 파일 업로드 하기[Node.js] socket 통신으로 파일 업로드 하기

Posted at 2020. 5. 14. 07:47 | Posted in Node.js

GitHub : https://github.com/sffc/socketio-file-upload

대용량 파일을 해야하는데 가능하면 비동기 통신으로 작업을 진행하고 싶었다.

가능하면 사용자의 작업진행에 딜레이를 줄이기 위해.

그렇게 작업을 진행하다 찾게된 라이브러리가 socketio-file-upload 이다.

해당 포스팅은 단순히 socketio-file-upload의 API 부분만을 간략히 정리한 내용이다.

■ 소켓통신을 이용한 파일 업로드

#01. socketio-file-upload 설치

$ npm install socketio-file-upload

#02. 업로드 처리 서버 생성

전송받은 파일을 업로드할 node.js 서버를 생성한다.

socket.io와 express 모듈을 필요로 한다.

socket.io.file.js

const socketUpload = require( "socketio-file-upload" );

const socketio = require( "socket.io" );

const express = require( "express" );

// @breif express 서버 생성

const app = express()

.use( socketUpload.router ) // @details express 모듈과 같은 연결 기반 미들웨어를 사용하는 경우 값을 미들웨어로 전달한다.

.use( express.static( __dirname ) ) // @details 경로를 지정( __dirname : 현재경로 )

.listen( 52273 ); // @details 포트를 지정

const io = socketio.listen( app );

io.sockets.on("connection", function( socket ) {

// @breif 업로드를 수행할 소켓( socketio-file-upload ) 인스턴스 생성

let uploader = new socketUpload();

// @breif 업로드 경로를 지정

uploader.dir = "/nodejs";

uploader.listen( socket );

// @breif 파일이 저장될 때 수행

uploader.on("saved", function(event) {

console.log(event.file);

});

// @breif 오류 처리

uploader.on("error", function(event) {

console.log("Error from uploader", event);

});

#03. 소켓 통신을 사용한 파일 업로드

# 소스코드

node_upload_one.html

<html>

<head>

<title>:: node.js 파일업로드 ① ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 인스턴스 초기화

let socket = io.connect( "ws://localhost:52273" );

let siofu = new SocketIOFileUpload( socket );

// @details 사용자가 지정된 HTML 입력 요소에서 파일을 선택하면

// socketio-file-upload 모듈이 해당 파일 또는 해당 파일의 업로드를 수행한다.

siofu.listenOnInput( document.getElementById( "uploadInput" ) );

// @breif 파일이 업로드 될때 수행

siofu.addEventListener("complete", function(event) {

console.log( event.success );

console.log( "-------------------------------" );

console.log( event.file );

alert( "파일명 : " + event.file.name );

});

}, false);

</script>

</head>

<body>

</body>

</html>

# 출력결과

# 실행로그

#04. file태그 사용하지 않고, 파일 올리기

기본적으로 HTML에서는 항상

파일을 업로드 할때는 <input type="file">을 선언해 주어야 했지만.

socketio-file-upload를 사용하면 <button>을 생성하는것으로 간단히 파일 업로드가 가능하다.

위의 html 코드를 조금 변경하여 작업을 진행해 보자.

# 소스코드

node_upload_two.html

<html>

<head>

<title>:: node.js 파일업로드 ② ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 인스턴스 초기화

let socket = io.connect( "ws://localhost:52273" );

let siofu = new SocketIOFileUpload( socket );

// @breif siofu.prompt 이 방벙을 호출하면 업로드할 파일을 선택하라는 메세지를 바로 표시 할 수 있다.

document.getElementById("upload_btn").addEventListener( "click", siofu.prompt, false );

/* siofu.listenOnInput( document.getElementById( "upload_input" ) ); */

// @breif 파일이 업로드 될때 수행

siofu.addEventListener("complete", function(event) {

console.log( event.success );

console.log( "-------------------------------" );

console.log( event.file );

alert( "파일명 : " + event.file.name );

});

}, false);

</script>

</head>

<body>

</body>

</html>

# 출력결과

#05. 드래그 앤 드롭으로 파일 업로드 하기

마지막 예제는 조금 재미있는것을 만들어 보자.

socketio-file-upload에서 지원하는 함수 listenOnDrop( )를 사용하여

드래그 앤 드롭 UI를 구현해 보자.

# 소스코드

node_upload_three.html

<html>

<head>

<title>:: node.js 파일업로드 ③ ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 인스턴스 초기화

let socket = io.connect( "ws://localhost:52273" );

let siofu = new SocketIOFileUpload( socket );

// @breif 사용자가 지정된 HTML 입력 요소에서 파일을 드래그앤 드랍하면

// socketio-file-upload 모듈이 해당 파일 또는 해당 파일의 업로드를 수행한다.

siofu.listenOnDrop( document.getElementById( "file_drop" ) );

// @breif 파일이 업로드 될때 수행

siofu.addEventListener("complete", function(event) {

console.log( event.success );

console.log( "-------------------------------" );

console.log( event.file );

alert( "파일명 : " + event.file.name );

});

}, false);

</script>

</head>

<body>

파일을 이곳에 올려두세요

</div>

</body>

</html>

# 출력결과

저작자표시

'Node.js' 카테고리의 다른 글

[Node.js] exceljs를 이용하여 Excel 파일 읽기 (0)	2020.08.20
[Node.js] HTTPS 서버 구현하기 (0)	2020.05.20
[Noe.js] 실행시 값 입력하기 (0)	2020.05.04
[Node.js] Email 발송하기 (0)	2020.05.01
[Node.js] Excel 파일 생성하고 데이터 읽기 (2)	2020.05.01

[JavaScript] 정규 표현식 사용방법[JavaScript] 정규 표현식 사용방법

Posted at 2020. 5. 7. 02:25 | Posted in JavaScript & jQuery/JavaScript

출처 : 모던 웹을 위한 JavaScript + jQuery 입문

참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/정규식

정규 표현식은 자바스크립트의 내장 객체이다.

정규 표현식은 문자열의 패턴을 검사할때 사용된다.

원래는 펄( Perl ) 프로그래밍 언어에서 사용한 객체인데, 너무 유용해서 현재는 많은 프로그래밍 언어에서 사용되고 있다.

■ 정규 표현식의 객체

#01. 정규 표현식 객체의 생성

# 소스코드

<html>

<head>

<title>:: JavaScript 정규표현식 ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @details 정규표현식의 사용법 ①

const regExp1 = new RegExp( "text" );

console.log( regExp1 );

// @details 정규표현식의 사용법 ② - 일반적으로 간단한 ②번 방법이 많이 사용됨

const regExp2 = /text/;

console.log( regExp2 );

});

</script>

</head>

</html>

# 출력결과

#02. 정규 표현식의 메서드

정규 표현식은 문자열 처럼 만들어 사용가능하다.

메서드 이름	설 명
test( )	· 정규 표현식과 일치하는 문자열이 있으면 true를 dkslaus, false를 리턴한다.
exec( )	· 정규 표현식과 일치한느 문자열을 리턴한다.

# 소스코드

<html>

<head>

<title>:: JavaScript 정규표현식 ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 변수를 선언한다.

const regExp = new RegExp( /Fox/ );

const string = "FireFox Chrome Opera Edge Safari";

// @breif 메서드를 사용한다.

let output = regExp.test( string );

// @breif 출력한다.

alert( output );

});

</script>

</head>

</html>

# 출력결과

변수 string 내부에 정규 표현식과 일치하는 문자열 "Fox"가 있으므로 true를 출력한다.

정규 표현식은 이렇게 정규 표현식의 메서드를 곧바로 사용하는 것보다는 문자열 객체의 메서드와 함께 사용하는것이 일반적이다.

#03. 정규 표현식을 사용하는 String 객체의 메서드

메서드 이름	설 명
match( 정규_표현식 )	· 정규 표현식과 일치하는 부분을 리턴한다.
replace( 정규_표현식, 문자열 )	· 정규 표현식과 일치하는 부분을 새로운 문자열로 바꾼다.
search( 정규_표현식 )	· 정규 표현식과 일치하는 부분의 위치를 리턴한다.
split( 정규_표현식 )	· 정규 표현식을 기준으로 문자열을 잘라 배열을 리턴한다.

아래는 split( ) 메서드를 사용한 예제이다.

split( ) 메서드의 매개 변수에 정규 표현식을 넣기만 하면된다.

# 소스코드

<html>

<head>

<title>:: JavaScript 정규표현식 ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 변수를 선언한다.

const regExp = new RegExp( /Explorer/ );

const string = "FireFox Chrome Explorer Opera Edge Safari";

// @breif 메서드를 사용한다.

let output = string.split( regExp );

// @breif 출력한다.

alert( output );

});

</script>

</head>

</html>

split( ) 메서드는 정규 표현식을 기준으로 문자열을 잘라 배열로 만들어 리턴한다.

# 출력결과

■ 정규 표현식 - 대체 문자

정규 표현식을 사용하면 문자열의 객체의 replace( ) 메서드를 사용하여 대체문자를 삽입할 수 있다.

#01. 기호를 이용하여 문자 대체하기

정규 표현식 기호	설 명
$&	· 일치하는 문자열
$`	· 일치하는 부분의 앞부분 문자열 ( 참고 : ( ` ) 는 숫자 1키 좌측의 기호이다. )
$'	· 일치하는 부분의 뒷부분 문자열
$1, $2, $3 ~	· 그룹, $1 부터 시작하여 계속 +1씩 숫자가 증가되는 식으로 사용한다.

아래 코드는 문자열 객체의 replace( ) 메서드를 사용해서 정규 표현식에 일치하는 문자열을 "+$&+"로 변경한다.

# 소스코드

<html>

<head>

<title>:: JavaScript 정규표현식 ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 변수를 선언한다.

const regExp = new RegExp( /a/ );

const string = "FireFox Chrome Explorer Opera Edge Safari";

// @breif 메서드를 사용한다.

let output = string.replace( regExp, "+$&+" );

// @breif 출력한다.

alert( output );

});

</script>

</head>

</html>

# 출력결과

대체 문자는 이렇게 정규 표현식의 특정 내용과 매치되어 문자를 대체해 출력해주는 문자이다.

이 방식을 좀 더 쉽게 이해하기 위해서 아래와 같은 코드를 작성해 보자.

문자열 객체의 replace( ) 메서드의 매개 변수에 함수를 추가할 수 있다.

매개 변수로 넣은 함수의 매개 변수에는 정규 표현식에 대응하는 문자열이 입력되며 리턴하는 문자열로 대체된다.

# 소스코드

<html>

<head>

<title>:: JavaScript 정규표현식 ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 변수를 선언한다.

const regExp = new RegExp( /a/ );

const string = "FireFox Chrome Explorer Opera Edge Safari";

// @breif 메서드를 사용한다.

let output = string.replace( regExp, function( value ) {

return "+" + value + "+";

});

// @breif 출력한다.

alert( output );

});

</script>

</head>

</html>

# 출력결과

따라서 예제코드를 실행해 보면 동일한 결과 출력되는 것을 확인 할 수 있다.

# 소스코드

<html>

<head>

<title>:: JavaScript 정규표현식 ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 변수를 선언한다.

const regExp = new RegExp( /(r)(o)(m)(e)/ );

const string = "FireFox Chrome Explorer Opera Edge Safari";

// @breif 메서드를 사용한다.

const output = string.replace( regExp, "+$1=$2=$3+" );

// @breif 출력한다.

alert( output );

});

</script>

</head>

<body>

</body>

</html>

각각의 문자가 대체되므로 $1, $2, $3을 직접 출력하는 것이 아니라

아래와 같이 r, o, m을 출력한다.

# 출력결과

■ 정규 표현식 - 플래그 문자

플래그 문자는 다음과 같은 방법으로 사용된다.

정규 표현식 기호	설 명
g	· 전역 비교를 수행한다.
i	· 대소문자를 가리지 않고 비교한다.
m	· 여러 줄의 검사를 수행한다.

플래그 문자를 생성할 때에는 뒤에 붙여 사용하며, 생성자를 사용할 때에는 두 번째 매개 변수에 입력한다.

플래그 문자 위치에 들어가는 플래그 문자의 순서는 어떻게 되어도 상관 없다.

# 소스코드

<html>

<head>

<title>:: JavaScript 정규표현식 ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 변수를 선언한다.

const regExp = new RegExp( /e/ig ); // @details i와 g의 순서는 변경돼도 상관없다.

const string = "FireFox Chrome Explorer Opera Edge Safari";

// @breif 메서드를 사용한다.

const output = string.replace( regExp, "+$&+" );

// @breif 출력한다.

alert( output );

});

</script>

</head>

<body>

</body>

</html>

# 출력결과

■ 정규 표현식 - 앵커 문자

앵커 문자는 문자열의 앞과 뒤를 구분해주는 정규 표현식 기호이다.

정규 표현식 기호	설 명
^ABC	· 맨 앞 문자가 ABC
ABC$	· 맨 뒤 문자가 ABC

앵커 문자를 사용하면 원하는 부분을 찾을 수 있다.

#01. 앵커 문자

# 소스코드

<html>

<head>

<title>:: JavaScript 정규표현식 ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 변수를 선언한다.

const regExp = new RegExp( /^f/ig );

const string = "FireFox\nChrome\nExplorer\nOpera\nEdge\nSafari";

// @breif 메서드를 사용한다.

const output = string.replace( regExp, "+$&+" );

// @breif 출력한다.

alert( output );

});

</script>

</head>

</html>

# 출력결과

#02. 앵커 문자와 플래그 문자( m ) 의 동시 사용

이번에는 앵커 문자와 플래그 문자( m )을 사용하여 문자열이 여러 줄일경우,

각각의 줄을 개별적인 문자열로 인지하고 검사할 수 있게 해주는 플래그 문자이다.

# 소스코드

<html>

<head>

<title>:: JavaScript 정규표현식 ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 변수를 선언한다.

const regExp = new RegExp( /^m/igm );

const string = "Mask The Red\nMask The Pink\nMask The Blue\nMask The Green\nMask The Yellow\nMask The Black";

// @breif 메서드를 사용한다.

const output = string.replace( regExp, "+$&+" );

// @breif 출력한다.

alert( output );

});

</script>

</head>

<body>

</body>

</html>

# 출력결과

코드를 실행하면 위와같이 여러줄에 걸친 대소 문자를 무시한 전역 검사를 수행한다.

플래그 문자( m )을 사용하였기에 모든 줄의 문자가 범위에 지정된다.

■ 정규 표현식 - 메타 문자

#01. 메타 문자의 범위 지정

메타 문자는 자바 스크립트의 정규 표현식 객체가 갖는 가장 유용한 기능이다.

기호	설 명
.	· 아무 글자
[ abc ]	· 괄호 안의 글자
[ ^abc ]	· 괄호 안의 글자 제외
[ a - z ]	· 알파벳 a부터 z까지
[ A - Z ]	· 알파벳 A부터 Z까지
[ 0 - 9 ]	· 숫자 0부터 9까지
[ ㄱ -ㅎ ]	· 한글 자음 ㄱ부터 ㅎ까지
[ ㅏ - ㅑ ]	· 한글 모음 ㅏ - I 까지
[ 가 - 힣 ]	· 한글 단어 가 - 힣 까지( 전체 )

위 표의 예는 알파벳과 한글의 최대 범위를 예로 설명하지만.

[ h - k ] 의 형태로 범위를 한정하여 지정할 수 도 있다.

아래 예제를 살펴보면 [ a j ] 메타 문자와 플래그를 함께 사용하여 a 또는 j, A 또는 J를 검사한다.

<html>

<head>

<title>:: JavaScript 정규표현식 ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 변수를 선언한다.

const regExp = new RegExp( /[oi]/ig );

const string = "FireFox Chrome Explorer Opera Edge Safari";

// @breif 메서드를 사용한다.

const output = string.replace( regExp, "+$%+" );

// @breif 출력한다.

alert( output );

});

</script>

</head>

</html>

코드를 실행하면 o, i, O, J 문자가 대체된다.

#02. 패턴 매칭 시키기

주민등록 번호를 검사하는 정규 표현식을 만들어 보자.

앞에 여섯 개의 글자가 오고 중간에 ` - `가 들어가고 그 뒤에 일곱개의 글자가 나오면 된다.

<html>

<head>

<title>:: JavaScript 정규표현식 ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 변수를 선언한다.

const regExp = new RegExp( /......-......./ );

const string = "001234-1234567";

// @breif 메서드를 사용한다.

const output = string.replace( regExp, "+$&+" );

// @breif 출력한다.

alert( output );

});

</script>

</head>

</html>

주민등록 번호 형식을 넣으면 양 끝에 +를 추가해서 출력한다.

패턴 매칭을 수행한 결과이다.

#03. 자바스크립트에서 추가된 정규 표현식의 메타문자

자바스크립트의 정규표현식은 메타 문자를 추가로 지원한다.

기호	설 명
\d	· 숫자
\w	· 아무 단어( 숫자 포함 )
\s	· 공백 문자 ( 탭, 띄어쓰기, 줄 바꿈)
\D	· 숫자 아님
\W	· 아무 단어 아님
\S	· 공백 문자 아님

이를 혼합하면 주민등록번호 검사를 좀더 구체적으로 할 수 있는데

주민등록번호 뒤에 위치히나느 7개의 숫자 중 첫번째 숫자는 1, 2, 3, 4중 하나이므로

입력한 7번째의 값이 1, 2, 3, 4중 하나가 맞는지 확인해 보자.

# 소스코드

<html>

<head>

<title>:: JavaScript 정규표현식 ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 변수를 선언한다.

const regExp = new RegExp( /\d\d\d\d\d\d-[1234]\d\d\d\d\d\d/ );

const string = "001234-3723584";

// @breif 메서드를 사용한다.

const output = regExp.test( string );

if( output == true ) {

alert( "주민등록번호 형식에 규합합니다." );

} else {

alert( "주민등록번호 형식에 일치하지 않습니다." );

}

});

</script>

</head>

</html>

# 출력결과

■ 정규 표현식 - 수량문자

자바스크립트의 정규 표현식은 수량 문자를 지원한다.

기호	설 명
a+	· a가 적어도 1개 이상
a*	· a가 0개 또는 여러개
a?	· a가 0개 또는 1개
a { 5 }	· a가 5개
a {2, 5}	· a가 2개 ~ 5개
a { 2 . }	· a가 2개 이상
a { . 2 }	· ar가 2개 이하

#01. 수량 문자를 사용한 범위 지정

위에서 우리는 주민등록번호의 패턴을 검사하는 예제를 진행 하였는데.

\d 기호를 몇 번씩이나 사용하였기에 실수하는 경우가 발생할 수 있다.

수량 문자를 사용하여 위 제를 조금 수정해 보자.

# 소스코드

<html>

<head>

<title>:: JavaScript 정규표현식 ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 변수를 선언한다.

// const regExp = new RegExp( /\d\d\d\d\d\d-[1234]\d\d\d\d\d\d/ );

const regExp = new RegExp( /\d{6}-[1234]\d{6}/ );

const string = "001234-1234567";

// @breif 메서드를 사용한다.

const output = regExp.test( string );

if( output == true ) {

alert( "주민등록번호 형식에 규합합니다." );

} else {

alert( "주민등록번호 형식에 일치하지 않습니다." );

}

});

</script>

</head>

</html>

이제 예제를 실행해보면

동일한 결과를 출력하는 것을 확인 할 수 있다.

# 출력결과

#02. 문자 열의 반복 체크

정규 표현식은 괄호 수량 문자와 함께 사용하면 특정 문자열의 반복을 체크 할 수 있다.

# 소스코드

<html>

<head>

<title>:: JavaScript 정규표현식 ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 변수를 선언한다.

const regExp = new RegExp( /(na)+/ );

const string = "banana";

// @breif 메서드를 사용한다.

const output = string.replace( regExp, "+$&+" );

// @breif 출력한다.

alert( output );

});

</script>

</head>

</html>

# 출력결과

■ 정규 표현식 - 선택 문자

선택 문자는 ` 또는(or) `의 역할을 수행하는 정규 표현식 기호이다.

정규 표현식 기호	설 명
( abc \| def )	· abc 또는 def를 선택한다.

선택 문자는 지금까지 학습한 모든 정규 표현식 기호와 함께 사용할 수 있다.

# 소스코드

<html>

<head>

<title>:: JavaScript 정규표현식 ::</title>

document.addEventListener("DOMContentLoaded", function() {

// @breif 변수를 선언한다.

const string = prompt( "소문자 또는 숫자로만 구성된 단어를 입력하세요.", "단어" );

const regExp = new RegExp( /([0-9]|[a-z])/g );

// @breif 출력한다.

if( string.replace(regExp, "").length == 0 ) {

alert( "SUCCESS" );

} else {

alert( "FAIL" );

}

});

</script>

</head>

</html>

# 출력결과

해당 포스팅은 [한빛미디어] 모던 웹을 위한 JavaScript + jQuery 입문서의 내용을 정리한 것이다.

아무래도 책이라는 분량 때문이라도 한계가 있기에.

좀더 자세한 정규 표현식 및 대응되는 함수에 대한 설명은

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/정규식

해당 링크의 내용을 좀더 참고하면 좀더 심화단계로 넘어갈 수 있을것이다.

저작자표시

'JavaScript & jQuery > JavaScript' 카테고리의 다른 글

[JavaScript] 매월의 월요일 기준, 주차 구하기 (4)	2020.06.29
[JavaScript] Table을 Excel 처럼 즉시 수정가능하게 만들기 (1)	2020.06.24
[JavaScript] 휴대폰 사진 업로드시 회전 방지 (0)	2020.03.30
[JavaScript] 이미지 파일 업로드하고 썸네일 생성하기 (2)	2020.03.25
[JavaScript] Canvas로 이미지 서버에 전송하기 - Sample (0)	2020.03.06

[Noe.js] 실행시 값 입력하기[Noe.js] 실행시 값 입력하기

Posted at 2020. 5. 4. 09:49 | Posted in Node.js

■ 콘솔에서 값 입력하기

# 소스코드

console_input.js

const args = process.argv;

console.log( args );

console.log( "----------- 사조삼부곡 -----------" );

console.log( "① 사조영웅전 %s", args[2] );

console.log( "② 신조협려 %s", args[3] );

console.log( "③ 의천도룡기 %s", args[4] );

# 출력결과

$ node console_input.js 2017 2020 2019

저작자표시

'Node.js' 카테고리의 다른 글

[Node.js] HTTPS 서버 구현하기 (0)	2020.05.20
[Node.js] socket 통신으로 파일 업로드 하기 (0)	2020.05.14
[Node.js] Email 발송하기 (0)	2020.05.01
[Node.js] Excel 파일 생성하고 데이터 읽기 (2)	2020.05.01
[Node.js] Serial Port를 이용한 Arduino 이벤트 실행 (0)	2019.06.13

Prev Next

1 ··· 7 8 9 10 11 12 13 ··· 64

'공방 제작 포스트'에 해당되는 글 256건

[MySQL] ON DUPLICATE KEY UPDATE 사용하기[MySQL] ON DUPLICATE KEY UPDATE 사용하기

'MySQL > MySQL' 카테고리의 다른 글

[Node.js] socket 통신으로 파일 업로드 하기[Node.js] socket 통신으로 파일 업로드 하기

'Node.js' 카테고리의 다른 글

[JavaScript] 정규 표현식 사용방법[JavaScript] 정규 표현식 사용방법

'JavaScript & jQuery > JavaScript' 카테고리의 다른 글

[Noe.js] 실행시 값 입력하기[Noe.js] 실행시 값 입력하기

'Node.js' 카테고리의 다른 글

CategoryCategory

Recent PostRecent Post

Recent CommentRecent Comment

Recent TrackbackRecent Trackback

Tag CloudTag Cloud

ArchiveArchive

LinkLink

티스토리툴바