분류 전체보기 51

[Vue] 4-2. Component 자식에서 부모로 데이터전송

이전글: [Web/Vue] - [Vue] 4-1. Component 부모에서 자식으로 데이터전송 [Vue] 4-1. Component 부모에서 자식으로 데이터전송 https://kr.vuejs.org/v2/guide/components.html 컴포넌트 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org 컴포넌트 작성 컴포넌트는 부모-자식 관계에서 가장 일반적으로 함께 사용하기.. tjddnjs625.tistory.com Emit : 자식 컴포넌트에서 부모 컴포넌트로 데이터를 전달할 때 사용됩니다. 먼저, 상위 클래스에서 컴포넌트를 삽입할 때 v-on:xxx(약어 @xxx)를 사용해 커스텀 이벤트를 만듭니다. 여기서 cChangeName은 자식컴포넌트에서 this...

Web/Vue 2021.11.16

[Vue] 4-1. Component 부모에서 자식으로 데이터전송

컴포넌트 — Vue.js Vue.js - 프로그레시브 자바스크립트 프레임워크 kr.vuejs.org 컴포넌트 작성 컴포넌트는 부모-자식 관계에서 가장 일반적으로 함께 사용하기 위한 것입니다. 컴포넌트 A는 자체 템플릿에서 컴포넌트 B를 사용할 수 있습니다. 그들은 필연적으로 서로 의사 소통이 필요합니다. 부모는 자식에게 데이터를 전달해야 할 수도 있으며, 자식은 자신에게 일어난 일을 부모에게 알릴 필요가 있습니다. 그러나 부모와 자식이 명확하게 정의된 인터페이스를 통해 가능한한 분리된 상태로 유지하는 것도 매우 중요합니다. 이렇게하면 각 컴포넌트의 코드를 상대적으로 격리 할 수 있도록 작성하고 추론할 수 있으므로 유지 관리가 쉽고 잠재적으로 쉽게 재사용 할 수 있습니다. Vue.js에서 부모-자식 컴포넌..

Web/Vue 2021.11.15

[Javascript] 문자열 앞에 0 채우기

String.prototype.padStart() padStart() 메서드는 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환합니다. 채워넣기는 대상 문자열의 시작(좌측)부터 적용됩니다 예시 'abc'.padStart(10); // " abc" 'abc'.padStart(6,"123465"); // "123abc" 'abc'.padStart(8, "0"); // "00000abc" 1.toString().padStart(3, "0"); // "01" 12.toString().padStart(6, "R00000"); // "R00012" 참조: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global..

Web/JavaScript 2021.11.15

[Vue] 본인인증 sms 3분 유효체크 타이머

setInterval let timerId = setInterval(func|code, [delay], [arg1], [arg2], ...) setInterval은 함수를 주기적으로 실행하게 만듭니다. 함수 호출을 중단하려면 clearInterval(timerId)을 사용하면 됩니다. 예제 Vue 에서 3분타이머 만들기 export default { name: "Timer", data: function() { return { Timer: null, TimeCounter: 180, TimerStr: "03:00" }; }, mounted: function() { //문자발송성공시 호출 if(this.Timer != null){ this.timerStop(this.Timer); this.Timer = nul..

Web/Vue 2021.11.14

[JavaScript] 자주쓰는 정규 표현식

이메일 정규표현식 var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i; 휴대폰 정규 표현식 var regExp = /^\d{3}-\d{3,4}-\d{4}$/; 일반 전화번호 정규식 var regExp = /^\d{2,3}-\d{3,4}-\d{4}$/; 비밀번호 정규표현식 숫자와 문자 포함 형태의 6~12자리 이내의 암호 정규식 (1 가지 조합) var regExp = /^[A-Za-z0-9]{6,12}$/; 영문, 숫자, 특수문자 중 2가지 이상 조합하여 10자리 이내의 암호 정규식 ( 2 가지 조합) var regExp = /^(?!((?:[A-Za-z]+)|(?:[~!@#$%^&*(..

Web/JavaScript 2021.11.13

[C#] Azure BlobStorage 파일 업로드

NuGet 패키지 관리자에서 Widows.Azure.Storage 참조 추가 Azure Portal Blob Storage 에서 Storage account 및 accesskey 확인 private void blobStorageUpload(Stream stream, string fileName) { String accountname = "스토리지 계정"; String accesskey = "엑세스 키"; StorageCredentials creden = new StorageCredentials(accountname, accesskey); CloudStorageAccount acc = new CloudStorageAccount(creden, useHttps: true); CloudBlobClient cli..

Programing/.NET 2021.11.11

[C#] BarcodeLib 바코드 생성

NuGet 패키지 관리자에서 BarCodeLib 참조 추가 https://github.com/barnhill/barcodelib GitHub - barnhill/barcodelib: C# Barcode Image Generation Library C# Barcode Image Generation Library. Contribute to barnhill/barcodelib development by creating an account on GitHub. github.com 바코드 생성후 이미지 파일로 저장 public static void GetBarcode(int height, int width, BarcodeLib.TYPE type, string code, out System.Drawing.Image ..

Programing/.NET 2021.11.10

[MSSQL]MSSQL 날짜 변환표(GETDATE, CONVERT)

자주 쓰이는 변환표 번호 쿼리 결과 코드 21 CONVERT(CHAR(23), DATETIME, 21) 2000-01-02 13:14:15.678 YYYY-MM-DD HH:MM:SS.MS 23 CONVERT(CHAR(10), DATETIME, 23) 2000-01-02 YYYY-MM-DD 112 CONVERT(CHAR(8), DATETIME, 112) 20000102 YYYYMMDD - MSSQL 날짜 변환표 (기준날짜를 대상으로 CONVERT 실행하여 날짜 형변환) 번호 쿼리 결과 코드 0 CONVERT(CHAR(19), DATETIME, 0) 01 02 2000 1:14PM MM DD YYYY H:MM 1 CONVERT(CHAR(10), DATETIME, 1) 01/02/2000 MM/DD/YYYY ..

DataBase/MSSQL 2021.11.09

[C#]SFTP 파일 업로드

SFTP(Secure File transfer protocol) - SSH와 마찬가지로 전송시 암호화시켜서 전송을 하게 되는데 그 중에 FTP와 같이 파일을 전송할 때 암호화 시켜서 전송합니다. SSH에 부가적으로 있는 기능들 중 하나의 기능입니다. FTP와 같은 역할을 하지만, 사용하는 포트는 FTP 포트(기본 21포트) 가 아닌 SSH 접속시 사용하는 포트를 사용하고, SSH 접속 계정으로 로그인 할 수 있는 FTP 입니다. SFTP 장점 SFTP는 하나의 연결만 필요하며 데이터 연결이 필요하지 않다. 연결이 안전하게 보호된다. 프로토콜에서 제공하는 추가 기능에는 파일 잠금, 속성 조적, 권한 작업 및 더 많은 기능이 포함된다. SFTP 단점 SSH 키의 유효성 검사 및 관리는 더복잡하다 여러 공급업..

Programing/.NET 2021.11.08