재우니의 블로그

인기 글

HTML 의 table 을 가운데 center 정렬 하는 방법

table 는 조직적인 방식으로 많은 정보를 표시하는 훌륭한 방법입니다 . 판매 데이터, 웹 페이지 트래픽, 주식 시장 동향 및 학생의 성적은 종종 table 에 표시되는 정보의 예입니다. HTML 을 사용하여 웹 페이지에 table 을 추가할 때 페이지 중앙에 table 을 배치하는 것이 시각적으로 더 매력적일 수 있습니다. 텍스트와 그림을 가운데에 맞추는 작업은 일반적으로 text-align 클래스나 CSS 를 통해 이루어 지지만, table을 가운데에 맞추려면 다른 접근 방식이 필요합니다. 웹 페이지에서 표를 가운데에 맞추는 방법에 대한 자세한 내용은 아래에 나와 있습니다. HTML 에서 table 중앙에 맞추기 웹 페이지에 table 을 추가할 때 기본적으로 아래와 같이 페이지 또는 컨테이너의 왼..
HTML
2022.05.19

주민등록표 (말소자 초본) 발급 관련✔

주민등록표 (말소자 초본) 발급 관련 주민등록표 (말소자 초본)은 상속자인 분이 돌아가신 분에 대한 서류를 제출하는 용도 입니다. 정부24 https://www.gov.kr 사이트나 무인민원발급기에서는 해당 말소자 초본 서류를 얻을 수 없습니다. 해당 문서는 가까운 동사무소 즉 자치센터나 시청 또는 구청을 통해서만 발급이 가능합니다. https://www.gov.kr 정부서비스 | 정부24 정부의 서비스, 민원, 정책·정보를 통합·제공하는 대한민국 정부 대표포털 www.gov.kr 그리고 중요한건 돌아가신 분에 대한 주민등록번호를 미리 알고 가야 합니다. 만약에 신청 서류에 주민등록번호를 모를 경우, 제적등본 발급을 요청하여(비용발생) 기재하시면 됩니다. 이런 문서는 보통 상속자로 인한 재산 부분에 대해..
생활정보 🍜
2020.11.25

Windows 윈도우 10 에 OpenSSL 을 설치하는 방법

OpenSSL은 TLS (Transport Layer Security) 및 SSL (Secure Sockets Layer) 프로토콜을 위한 모든 기능을 갖춘 툴킷 입니다. Apache 스타일 라이센스에 따라 라이센스가 부여됩니다. 이 튜토리얼은 Windows 운영 체제에 OpenSSL 을 설치하는 데 도움이 됩니다. 1 단계 – OpenSSL 바이너리 다운로드 아래 다운로드 URL 을 통해 최신 OpenSSL Windows 설치 프로그램 파일을 다운로드 받으세요. OpenSSL 다운로드 페이지를 방문하려면 아래 링크를 클릭하세요. http://slproweb.com/products/Win32OpenSSL.html 2 단계 – OpenSSL 설치 프로그램 실행 다운로드 받은 OpenSSL 설치 프로그램을 ..
Server,AWS
2021.05.10

2018년, 2019년, 2020년, 2012년, 2022년, 2023년, 2024년 국가공휴일 엑셀 정리 ✔

2018년, 2019년, 2020년, 2012년, 2022년, 2023년, 2024년 국가공휴일 엑셀 정리 ✔ 2018년 부터 2024년까지 국가공휴일을 엑셀로 정리해 봤습니다. 데이터는 data.go.kr 인 공공데이터포털을 통해 자료 수집한 데이터 입니다. 순서 년 월 일 설명 1 2018 1 1 새해 2 2018 2 15 설날 3 2018 2 16 설날 4 2018 2 17 설날 5 2018 3 1 삼일절 6 2018 5 5 어린이날 7 2018 5 7 대체휴일 8 2018 5 22 부처님오신날 9 2018 6 6 현충일 10 2018 6 13 지방선거 11 2018 8 15 광복절 12 2018 9 23 추석 13 2018 9 24 추석 14 2018 9 25 추석 15 2018 9 26 대체휴일..
생활정보 🍜
2023.12.28

jquery select 태그의 option 비활성화 disabled 또는 선택막기 ✔

jquery select 태그의 option 비활성화 disabled 또는 선택막기 select 태그 값 중에 특정 하나의 option 을 비활성화 시켜서 클릭이 안되도록 하는 방법이 있는데요. 간단하게 option 의 속성 중 disabled 를 기재하면 글은 보이지만 선택이 되지 않습니다. https://www.w3schools.com/tags/att_option_disabled.asp HTML option disabled Attribute HTML disabled Attribute ❮ HTML tag Example A drop-down list with one disabled option: Choose a car: Volvo Saab www.w3schools.com Volvo Saab VW Audi..
jQuery 👍
2020.11.25

최신 글

다이어트, 차? 소식과 운동 그리고 비만유발 음식 ❌❌❌❌

건강을 챙기는 다이어트 차 추천 율무차: 소화를 돕고 포만감을 주어 신진대사를 활발하게 하며 변비에도 좋다고 알려져 있습니다. [1] 우엉차: 이눌린이라는 식이섬유가 포함되어 포만감을 제공하며, 체내 노폐물 배출에 도움을 줘 다이어트에 효과적입니다. [3] 녹차: 카테킨 성분이 지방 흡수를 억제하고 지방 연소를 돕는 것으로 유명합니다. [3] 현대적인 다이어트 차와 주의사항 콤부차 (Kombucha): 발효 과정을 거쳐 만들어지며 건강한 유익균이 생성됩니다. 효모를 첨가해 발효시킨 음료로 간 해독과 체중 감소에 도움을 준다고 합니다. 단, 알코올과 카페인이 포함되어 있어 섭취 시 주의가 필요합니다. [2] 조심해야 할 부분은? 율무차 율무차는 칼로리가 높을 것 같지만 하루 3 번 식전에 마시면 식욕을 억..
생활정보 🍜
2024.03.03

Vue.js & web api 를 활용한 동적 select box 구현하기 (using cdn) - 2탄

Vue.js & web api 를 활용한 동적 select box 구현하기 (using cdn) - 2탄 미리 보기 기존 강의 내용을 좀 더 기능을 확장하고자 합니다. 여기에 행추가 및 행삭제를 넣어볼까 합니다. Vue.js & web api 를 활용한 동적 select box 구현하기 (using cdn) 이전 강의를 간략히 설명을 드리면, Vue.js를 활용하여 스텝별로 다른 옵션을 보여주고 선택하는 드롭다운 메뉴를 구현한 코드입니다. 이 코드는 Vue.js의 기본적인 개념인 반응형 데이터, 메소드, 조건부 렌더링(v-show), 이벤트 리스너(v-on:change), 그리고 라이프사이클 훅(mounted)을 활용하고 있습니다. 또한, 각 스텝에서 선택한 옵션에 따라 다음 스텝의 옵션을 동적으로 불러..
VueJS
2024.03.03

ADO.NET 및 Entity Framework & dapper 의 DbType.AnsiString 조사하기

string 타입의 파라미터의 NVARCHAR 타입 기본 매핑 일반적으로, ADO.NET 및 Entity Framework 등의 .NET 데이터 액세스 기술에서는 string 타입의 파라미터를 SQL Server의 NVARCHAR 타입으로 매핑합니다. 이는 Unicode 문자열을 지원하기 때문입니다. 반면, VARCHAR는 Unicode를 지원하지 않는 ANSI 문자열을 저장합니다. 따라서 VARCHAR 필드에 대해 쿼리를 작성할 때는 DbType.AnsiString을 명시적으로 설정해야 합니다. 이렇게 하면 ADO.NET이 해당 파라미터를 VARCHAR로 처리합니다. 제공해주신 코드는 이러한 원칙에 따라 잘 작성된 것으로 보입니다. eventType 파라미터를 DbType.AnsiString으로 명시적..
CSharp 🍚
2024.02.27

vue.js : watch 활용하여 instance 간 데이터 전달하기

Vue.js에서 app1과 app2라는 두 개의 인스턴스가 있고 서로 데이터를 전달하는 방법은 다음과 같습니다. 이 코드에서는 watch 속성을 사용하여 첫 번째 인스턴스의 데이터 변화를 감지하고, 해당 데이터를 두 번째 인스턴스로 전달합니다. 두 번째 인스턴스는 그 값을 받아서 화면에 표시합니다. 이렇게 함으로써 두 Vue.js 인스턴스 간에 데이터를 전달할 수 있습니다. 즉, 화면에서 사용자가 어떤 행위를 했을 때, 데이터 전달하기 위한 사용으로 보시면 됩니다. App 1의 데이터: {{ dataFromApp1 }} App 2의 데이터: {{ dataFromApp2 }}
VueJS
2024.02.26

vue.js : created 라이프사이클, 어떤 용도일때 사용할까?

created 라이프사이클 훅은 Vue 인스턴스가 생성된 직후에 호출되므로, 초기 데이터를 설정하거나 데이터를 불러오는 등의 작업을 수행하는 데 주로 사용됩니다. 아래는 created 훅의 일반적인 사용 사례입니다 초기 데이터 설정 created 훅에서는 Vue 인스턴스의 데이터에 접근하고 변경할 수 있습니다. 따라서 인스턴스의 초기 상태를 설정하는 데 created 훅을 사용할 수 있습니다. new Vue({ data: { message: null }, created: function () { this.message = 'Hello, Vue.js!'; } }); 데이터 불러오기 created 훅에서는 외부 API를 호출하여 데이터를 불러오는 등의 비동기 작업을 수행하는 데 사용할 수 있습니다. 이 때 ..
VueJS
2024.02.26

vue.js : data 초기화 과정 - created 와 mounted 그리고 event bus 활용하기

마운트(mount) 웹 개발, 특히 Vue.js와 같은 프런트엔드 프레임워크에서 "마운트"라는 용어는 일반적으로 웹 페이지의 DOM(Document Object Model, 문서 객체 모델)에 JavaScript 객체(예: Vue 인스턴스)가 연결되는 과정을 의미합니다. DOM은 웹 페이지의 구조를 표현하는 방식으로, HTML 태그들은 DOM의 요소 또는 노드로 표현됩니다. 예를 들어, 태그는 하나의 DOM 요소를 생성하며, 이 요소는 자식 요소를 가질 수 있습니다. Vue.js에서 Vue 인스턴스가 생성되면, 이 인스턴스는 특정 DOM 요소에 마운트(mount) 될 수 있습니다. 이는 Vue 인스턴스가 DOM 요소를 관리하고, 해당 요소와 그 하위 요소에 대한 렌더링을 제어한다는 것을 의미합니다. 예를..
VueJS
2024.02.26

서초구청 대형폐기물 배출안내, 간편 모바일 및 온라인 신청

침대,소파 등의 가구,가전제품,솜이불,베개,방석,소화기,거울,자전거 등 개별 계량 및 품명 식별이 가능한 폐기물을 말하며, 대형폐기물의 품목과 수집운반 수수료는 서초구 폐기물관리 조례로 규정하고 있습니다. 서초구청 사이트를 접속합니다. https://www.seocho.go.kr/site/seocho/main.do 여기서 "간편 모바일 및 온라인 신청" 탭을 선택합니다. 저는 카카오 로그인으로 회원가입이 되어 있어서 로그인을 선택했습니다. 카카오 로그인을 선택하여 인증해 봅니다. 폐기할 물품을 선택하시면 됩니다. * 표기된 필수 입력 내용은 전부 입력하셔야 합니다. 처리동은 현재 거주하시는 주소의 동을 선택하시면, 수거업체가 표기되며, 예를 들어 방배 1동 경우는 하동기업을 선택하시면 됩니다. 결제를 카..
생활정보 🍜
2024.02.23

EPPlus : Please set the ExcelPackage.LicenseContext property 대처방안

EPPlus : Please set the ExcelPackage.LicenseContext property 대처방안 오류 로그 2021-03-31 20:51:27,481 [5] ERRORStaffController - OfficeOpenXml.LicenseException: Please set the ExcelPackage.LicenseContext property. See https://epplussoftware.com/developers/licenseexception at OfficeOpenXml.ExcelPackage.get_Workbook() at OfficeOpenXml.ExcelPackage.CreateBlankWb() at OfficeOpenXml.ExcelPackage.ConstructN..
CSharp 🍚
2024.02.21

vue.js : this.$nextTick 사용 사례 알아보기

웹 페이지의 구조를 나타내는 HTML 문서는 일련의 요소들로 구성되어 있습니다. 이러한 요소들은 'Document Object Model' 혹은 줄여서 'DOM'이라고 부릅니다. 브라우저는 HTML 문서를 로드할 때 DOM을 생성하고, 이후에 JavaScript를 통해 DOM 요소를 추가, 삭제, 수정하는 등의 동작을 수행하며 페이지를 업데이트합니다. 이러한 과정을 'DOM 업데이트'라고 합니다. 그런데 JavaScript는 브라우저에서 비동기적으로 동작하는 경우가 많습니다. 즉, 코드가 순차적으로 실행되는 것이 아니라, 특정 코드의 실행이 완료되기를 기다리지 않고 다음 코드를 실행하게 됩니다. 따라서 JavaScript로 DOM 요소를 추가, 삭제, 수정하는 코드를 작성했다고 해서 바로 DOM이 업데이..
VueJS
2024.02.21

SQL Server 2017 : 암복호화 EncryptByPassPhrase 와 DecryptByPassPhrase 사용하기

SQL Server 2017 이상 버전에서는 AES256 키를 사용하는 암호로 데이터를 암호화합니다. 사용법 EncryptByPassPhrase ( { 'passphrase' | @passphrase } , { 'cleartext' | @cleartext } [ , { add_authenticator | @add_authenticator } , { authenticator | @authenticator } ] ) 샘플 예제 -- 암호화 DECLARE @EncryptionBytes varbinary(max) = ENCRYPTBYPASSPHRASE('symmetric_key_guid', N'대한민국 짝짝짝',1,'authenticator') SELECT @EncryptionBytes -- 복호화 DECLAR..
MS-SQL 😃
2024.02.14