본문 바로가기
반응형

전체 글291

오라클 프로시저 생성 방법 , 오라클 프로시저 수정, 오라클 프로시저 문법 오라클 프로시저 생성 문법, 오라클 프로시저 생성 방법오라클 프로시저 생성 문법은 아래와 같습니다.CREATE [OR REPLACE] PROCEDURE 프로시저명[(매개변수 IN 데이터타입, 매개변수 OUT 데이터타입, 매개변수 INOUT 데이터타입)]IS [주요 변수 선언;]BEGIN -- 실행구문; ... [EXCEPTION -- 예외 처리 구문;]END;아래는 PROC_TEST라는 프로시저를 생성하는 예제입니다.이 프로시저를 호출하면, TEST_TABLE이라는 테이블에서 col1, col2를 select합니다.CREATE OR REPLACE PROCEDURE PROC_TEST( pResult out SYS_REFCURSOR)ISBEGIN OPEN pResult FO.. 2024. 9. 22.
vue3 빌드하지않고 사용하기 vue3 without npmvue3에서는 빌드하지 않고, npm 없이 사용할 수 있는 방법이 있습니다.{{ message }}위 코드는 "Hello Vue"라는 값을 가진 message 변수의 값을 출력하는 예제입니다.브라우저에서 확인하면, HTML 코드 작성시에는 {{message}} 라고 써있던 부분이,아래와 같이 Hello Vue로 대체된 것을 확인할 수 있습니다.#javascript,#vue,#vue3,#vuejs 2024. 9. 20.
주요 DB별 문자열자르기 mysql /mariadb / oracle / sqlite 문자열자르기, substrSUBSTR(str,pos,len)str : 원본문자열pos : 시작 위치len : 가져올 길이사용예제SELECT SUBSTR('123456TEST', 1, 4) FROM DUAL-- 결과 : 1234postgresql / mssql 문자열자르기, substringSUBSTR(str,pos,len)str : 원본문자열pos : 시작 위치len : 가져올 길이사용예제SELECT SUBSTRING('123456TEST' , 1, 3); -- 결과 : 123  #substr,#mysql,#oracle,#procedure 2024. 9. 18.
vue3 lifecycle hook, vue3 라이프사이클 순서, vue3 onMounted/unmounted/beforecreate, vue3 라이프사이클 예제코드 vue3 lifecycle hook이란?Vue3의 생명주기 훅(Lifecycle Hook)이란,Vue의 컴포넌트가 생성되고 소멸될 때까지의 다양한 단계에서 특정 로직을 실행하도록 할 수 있는 메소드입니다.이를 통해 개발자는 Vue 컴포넌트의 생명주기 동안에 발생하는 다양한 이벤트에 대응하여 특정 로직을 실행할 수 있습니다.Vue3에서는 아래와 같은 생명주기 훅이 있습니다:beforeCreate: 인스턴스가 생성되고 반응성 속성이 설정되기 전에 호출됩니다.created: 인스턴스가 생성되고 반응성 속성이 설정된 후에 호출됩니다.beforeMount: 인스턴스가 마운트되기 직전에 호출됩니다.mounted: 인스턴스가 마운트된 직후에 호출됩니다.beforeUpdate: 데이터가 변경되어 가상 DOM이 다시 렌.. 2024. 9. 16.
python virtualenv란?, python 가상환경, 윈도우 virtualenv 사용법, virtualenv설치, virtualenv 가상환경 삭제, virtualenv python 버전 변경, python3 virtualenv, python virtualenv 명령어, venv와 virtualenv의 차이 python 가상환경python 가상환경이란, 독립적인 파이썬 실행 환경을 의미하며 프로젝트 별로 패키지를 관리하기 위하여 사용합니다.Python 및 Library의 버전이 업그레이드 되더라도 과거 project에 영향을 주지 않기 위해 사용합니다.python virtualenv란?virtualenv는 파이썬에서 사용하는 가상 환경을 만드는 도구입니다.이를 통해 각각의 프로젝트마다 독립된 환경을 제공받을 수 있습니다.예를 들어, 한 프로젝트에서는 파이썬 2.7 버전을 사용하고 다른 프로젝트에서는 파이썬 3.8 버전을 사용해야 한다면,이 둘 사이에서 버전을 매번 바꾸는 것은 매우 번거로울 것입니다.이럴 때 virtualenv를 사용하면, 각각의 프로젝트에 필요한 파이썬 버전과 패키지를 독립적으로 관리할 수.. 2024. 9. 14.
CORS란, CORS 해결방법, access-control-allow-origin, CORS/sop 이유 CORS란?CORS란 Cross Origin Resource Sharing 의 약자로, 한국어로 교차 출처 리소스 공유라는 뜻입니다.기본적으로 웹 브라우저는 동일 출처 정책(Same-Origin Policy)을 따르며, 이는 같은 출처에서만 리소스를 공유하도록 제한하는 보안 정책입니다.그러나 CORS는 추가적인 HTTP 헤더를 사용하여 한 출처에서 실행 중인 웹 어플리케이션이 다른 출처의 선택한 리소스에 접근할 수 있도록 허용합니다.Cross-Origin Resource Sharing (CORS)는 웹 페이지가 다른 도메인에서 리소스를 요청할 때, 보안상의 이유로 발생하는 제한을 완화하기 위한 정책입니다.예를 들어, http://domain1.com에서 실행 중인 웹 페이지가 XMLHttpRequest .. 2024. 9. 6.
vue3 router 사용법, vue router params, vue router push, vue router history, vue dynamic route Vue3에서는 Vue Router를 사용하여 SPA(Single Page Application)를 구현할 수 있습니다.Vue Router는 여러 개의 컴포넌트를 페이지 단위로 관리하며, URL에 따라 적절한 컴포넌트를 렌더링하여 보여줍니다.Vue Router 설치Vue CLI를 사용하여 프로젝트를 생성할 때 Vue Router를 추가로 설치할 수 있습니다.이미 생성된 프로젝트에 Vue Router를 추가하려면 다음 명령어를 실행합니다.npm install vue-routerVue Router 설정vue router 설치가 완료되면, src 디렉토리 안에 router 디렉토리를 생성하고,그 안에 index.js 파일을 생성하여 Vue Router를 설정할 수 있습니다.import { createRouter.. 2024. 9. 4.
vue3 watch 사용법, vue3 watch 여러개, vue3 watchEffect 사용법 vue3 watch, watchEffect란?Vue3에서는 watch와 watchEffect라는 두 가지 반응형 속성 감시자를 사용하여 데이터 변경을 감지하고 반응할 수 있습니다.주로 데이터의 변화에 따른 부수적인 효과를 처리하는 데 사용됩니다.vue3 watch 사용법watch는 특정 반응형 속성이나 계산된 속성을 감시하며, 이들의 값이 변경될 때마다 콜백 함수를 호출합니다.위의 예제에서는 count 데이터의 변화를 감시하고 있으며, count 값이 변경될 때마다 콘솔에 메시지를 출력하게 됩니다.vue3 watchEffect 사용법watchEffect는 watch와 유사하지만,콜백 함수 내부에서 접근하는 모든 반응형 속성을 자동으로 추적하여,이들 중 어떤 것이든 변경될 때마다 콜백 함수를 호출합니다.위.. 2024. 8. 20.
vue3 slot이란, vuejs slot 사용법, vue slot 여러개, v-slot vue.js slot이란, v-slot이란?slot이란 무엇인가 들어가는 자리라는 의미이며, 게임에서 아이템 슬롯 할때 말하는 슬롯과 같이 쓰입니다.vue js에서 slot은 컴포넌트를 넣을 수 있는 자리를 만들어, 컴포넌트의 재사용성을 높이기 위해 사용되는 기술입니다.vue3 slot 사용법, v-slot먼저, Component에서 아래와 같이 을 사용하여,외부에서 을 주입할 수 있는 자리를 만들어줍니다.Component.vue Component.vue를 사용하는 아래 코드에서, 안쪽에 와 같이 입력을 하면,Component.vue에서 정의한 props를 접근할 수 있습니다.App.vue ✔️ {{ slotProps.item }} 위 코드에 대한 결과는 아래.. 2024. 8. 18.
unix grep, linux grep 사용법, grep 문자열 찾기, 옵션, 하위 디렉토리, 특수문자 검색, 파일 내용 찾기, 정규식, regex linux grep이란?특정 파일에서 지정한 문자열을 찾아, 문자열이 찾아진 해당 라인을 출력해주는 도구입니다.예를 들어 아래와 같은 text.txt 파일이 있다고 칩시다.fghiabfcjkldef아래 명령어로 grep 을 사용한다면grep j text.txt결과는 아래와 같이 text.txt파일에서 j 가 포함된 줄을 출력해줍니다.jklgrep 사용법grep 사용법은 아래와 같습니다.grep [옵션] [패턴] [파일명]grep 옵션옵션설명-E확장된 정규식을 사용하여 문자열을 찾습니다.-F정규식이 아닌 문자열을 사용하여 문자열을 찾습니다.-c일치하는 행의 수를 출력합니다.-e [pattern_list]입력을 검색하는 동안 사용할 하나 이상의 패턴을 지정합니다. pattern_list의 패턴은 newlin.. 2024. 8. 16.
version naming, 버전 네이밍, version name convention, 버전 뜻, 버전 표시 규칙, 버전 표기법 spring framework 나 여러 소프트웨어를 보다보면6.1.0-RC1, 5.4.0-GA 이런 식으로 버전을 명명하는 경우가 있습니다.각각의 뜻이 무엇을 의미하는지 알아보겠습니다.숫자부분6.1.0과 같이 이뤄진 앞버번은 대체로 아래와 같은 규칙을 따릅니다.{major}.{minor}.{patch}Major: 이전 버전과 호환이 안 되는 변경이 있다면 숫자를 올립니다Minor: 이전 버전과 호환되는 기능 추가가 있다면 숫자를 올립니다.Patch: 이전 버전의 버그를 수정했다면 숫자를 올립니다.숫자 뒷부분 : 개발단계에 추가적으로 붙이는 부분1) 프리알파(pre-Alpha) : 이 단계는 실제 개발 이전 단계의 모든 버전을 칭하며, 보통 프로토 타입까지의 단계를 얘기합니다.2) 알파(Alpha) : 프.. 2024. 8. 10.
vue3 provide/inject란?, vue3 provide inject 예제 vue.js provide, inject란?일반적으로 부모 컴포넌트가 자식 컴포넌트에게 데이터를 전달할 때는 props 를 이용합니다.그런데 부모와 자식 관계가 깊어질수록 props 로 데이터를 전달하니, 프로젝트가 복잡해져서 Event bus나 vuex에 데이터를 담았습니다.하지만, Vue3에서는 Component 간에 데이터를 공유하고 관리하는 방법 중 하나로 provide와 inject를 제공합니다.이 것은 주로 컴포넌트 트리에서 부모와 자식 간에 데이터를 전달하는데 사용되며,간접적인 상속을 통해 중첩된 컴포넌트 구조에서 데이터를 공유할 수 있습니다.provideprovide는 컴포넌트에서 사용할 수 있는 데이터와 함수를 제공하는 역할을 합니다.이는 setup() 메서드 내에서 provide() 함.. 2024. 8. 8.
반응형

티스토리툴바