재우니의 블로그

인기 글

ChatGpt 의 유료결제 영수증 및 청구서 다운로드

ChatGpt 의 유료결제 영수증 및 청구서 다운로드 https://chatgpt.com/ 사이트에 접속하며 회원가입을 합니다. ChatGpt 유료 결제를 위해서는 왼쪽 하단에 있는 "Team 워크스페이스 추가"를 선택합니다.   ChatGPT의 요금제는 세 가지로 나뉩니다: Free, Plus, 그리고 Custom Plan(기업용 요금제). 각 요금제의 특징과 차이점은 다음과 같습니다.1. Free Plan (무료 플랜)사용 모델: GPT-3.5제공 기능: 기본적인 질문 응답, 텍스트 생성접속 가능성: 트래픽이 많을 때는 사용이 제한될 수 있으며, 응답 속도가 느릴 수 있습니다.제한 사항: 최신 모델이나 고급 기능을 사용할 수 없고, 성능이나 속도 면에서 제한이 있습니다.2. Plus Plan (플러스..
AI 기술
2024.09.24

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 그리고 중요한건 돌아가신 분에 대한 주민등록번호를 미리 알고 가야 합니다. 만약에 신청 서류에 주민등록번호를 모를 경우, 제적등본 발급을 요청하여(비용발생) 기재하시면 됩니다. 이런 문서는 보통 상속자로 인한 재산 부분에 대해..
생활정보 🍜
2024.03.11

Slack 슬랙 메신저와 Notion 노션 page 페이지 연동하여 알람 받기

Slack 슬랙 메신저와 Notion 노션 page 페이지 연동하여 알람 받기 Slack 에서 Apps 생성하기 slack 을 사용하시고 계신다면, 노션에서 알람 받을 workspace 안에 들어가서, 아래와 같이 Apps 우측에 있는 + 버튼을 선택합니다.   검색 기능에서 notion 라고 입력하면 아래 목록 중에 Notion 이 보이며 "add" 버튼을 선택합니다.   크롬 화면에서 slack 사이트가 새창으로 뜨며, 여기서 "Add to Slack" 버튼을 선택합니다. Notion 과 Slack 연동하기  이제, notion 사이트로 이동하게 되는데요. notion 사이트 화면에서 우선 인증을 먼저 합니다. 인증 완료 후 해당 화면으로 이동하지 않으므로 닫고 다시 "Add to Slack" 버튼을..
생활정보 🍜
2024.03.22

C# : HttpClient 사용하기

RESTful 서비스가 유행이라 그런지 애플리케이션에서 HTTP 요청을 던지고 싶을 때가 많은데, HTTP 요청이라고 하면 HttpClient를 떠올리지만, 사용법을 금방 잊어버리는 경우가 많죠. 정리된 사이트도 없는 것 같아서 정리해서 올려봅니다. https://qiita.com/rawr/items/f78a3830d894042f891b C# 今更ですが、HttpClientを使う - Qiita はじめにRESTfulサービスが流行っているせいか、アプリケーションからHTTPのリクエストを投げたいことが多くなりました。HTTPリクエストと言えばHttpClientですが、使い方をすぐ忘れて… qiita.com Request (요청) HTTP 메서드에 대응하는 메서드가 있으니 그것을 호출하면 됩니다. using (var clien..
CSharp 🍚
2024.02.06

최신 글

스마트폰에서 canvas로 그려진 이미지를 꾹 눌러 저장 또는 공유하기

스마트폰에서 canvas로 그려진 이미지를 꾹 눌러 저장 또는 공유할 수 있도록 구현하려면, 캔버스 이미지를 Base64 데이터 URL로 변환하고  태그를 사용하여 이를 표시해야 합니다.  태그를 사용하면 스마트폰의 기본 동작(롱프레스 시 저장/공유 기능)이 활성화됩니다.아래는 이를 구현한 전체 HTML 코드입니다:   캡처할 영역 스마트폰에서 캔버스를 꾹 눌러 이미지를 저장하거나 공유하세요. 캡처된 이미지    코드 설명캔버스 생성 및 캡처html2canvas를 사용하여 #downContentArea 콘텐츠를 캡처.결과를 canvas 객체로 반환.캔버스 데이터를 이미지로 변환canvas.toDataURL('image/png')를 사용하여 Base..
jQuery 👍
2024.12.02

C# 개발자를 위한 생산성과 코드 품질 향상 10가지 실천법

💡 서론: 더 나은 개발 습관 만들기소프트웨어 개발은 끊임없는 개선과 배움의 과정입니다. 이 글에서는 C# 코드 예제와 함께 실무에서 바로 적용할 수 있는 10가지 개발 습관을 소개합니다.본론: 실천법 10가지1. 🔍 작은 커밋을 유지하라커밋은 하나의 논리적 변경에 집중해야 합니다. 예를 들어, 사용자 인증 기능을 추가할 때:// 첫 번째 커밋: 기본 사용자 모델 추가public class User{ public int Id { get; set; } public string Username { get; set; } public string Email { get; set; } public string PasswordHash { get; set; }}// 두 번째 커밋: 패스워드 해..
CSharp 🍚
2024.11.25

실무에서 협업과 프로젝트 개발 시에는 NPX 보다 NPM 또는 Yarn 사용

실무에서 협업과 프로젝트 개발 시에는 NPX보다 NPM 또는 Yarn을 사용하는 것이 더 적합합니다. 그 이유를 단계별로 살펴보겠습니다.NPX vs NPM/Yarn: 실무 환경에서의 적합성1. 프로젝트의 일관성 유지NPM/Yarn은 프로젝트 내에 패키지를 설치하고, package.json과 package-lock.json 또는 yarn.lock 파일로 의존성을 관리합니다.팀원 모두 동일한 의존성을 설치하고 실행할 수 있습니다.이는 협업 프로젝트에서 일관성과 재현성을 보장합니다.NPX는 패키지를 임시로 실행하므로, 의존성 정보가 package.json에 기록되지 않습니다.다른 팀원이 동일한 명령을 재현하려면 직접 명령어를 알아야 하므로 비효율적입니다.실무 적용:NPM/Yarn을 사용해 프로젝트 의존성을 명..
기타(툴)
2024.11.24

12일차: Angular 16 Observable과 RxJS 기초

Observable 개념 이해하기 - 비동기 데이터 다루기 & RxJS 기초 - 데이터 스트림과 구독하기 실습 (Angular 16 기준)서론Angular 16에서는 비동기 데이터 처리를 위해 Observable과 RxJS 라이브러리를 활용합니다. Observable은 비동기 데이터를 처리하는 강력한 도구로, 이벤트, HTTP 요청, 타이머 등에서 데이터를 스트림 형태로 전달받아 관리할 수 있게 합니다. 이번 글에서는 Observable의 개념을 이해하고, RxJS의 기초적인 사용법을 통해 Observable을 생성하고 구독하는 실습을 코드 위주로 상세히 알아보겠습니다.본론1. Observable이란 무엇인가?Observable의 개념Observable은 비동기적으로 발생하는 데이터 스트림을 다룰 수 있..
Angular
2024.11.23

ASP.NET Core 8 다양한 의존성 주입(Dependency Injection) 활용도

안녕하세요, 오늘은 ASP.NET Core 8에서 의존성 주입(Dependency Injection)을 사용하는 방법과 함께, 이를 어떻게 실제 View와 Controller에서 활용할 수 있는지에 대해 알아보겠습니다. 천천히 따라오시면 쉽게 이해할 수 있을 것입니다. 1. 의존성 주입(Dependency Injection)이란?먼저 의존성 주입이 무엇인지 알아봅시다. 쉽게 말해, 프로그램에서 특정 객체가 다른 객체에 의존할 때, 이 의존성을 외부에서 주입해주는 방식입니다. 이로 인해 우리는 코드의 유연성과 유지보수성을 크게 향상시킬 수 있습니다. 예를 들어, 우리가 직접 필요한 클래스를 생성하지 않고, 외부에서 이미 생성된 객체를 전달받는다고 생각하면 됩니다.ASP.NET Core에서는 이런 의존성 주..
ASP.NET CORE 🍔
2024.11.21

Next.js + Tailwind CSS 프로젝트 설정 가이드

Next.js +  Tailwind CSS  프로젝트 설정 가이드Mood Diary는 사용자 감정을 분석하고 기록하기 위한 Next.js와 Tailwind CSS 기반 웹 애플리케이션입니다. 아래 가이드를 통해 처음부터 프로젝트를 설정하고 실행하는 방법을 단계별로 설명합니다.📋 목차필수 요구 사항설치 과정Tailwind CSS 설정환경 변수 설정실행 및 테스트레이아웃 및 페이지 예시스크립트 명령어배포필수 요구 사항이 프로젝트를 실행하려면 아래의 도구가 필요합니다:Node.js: v18.17.0 이상npm: v9.6.7 이상 (또는 pnpm을 사용할 수도 있음)Git (옵션)설치 과정1. Next.js 프로젝트 초기화Next.js와 Tailwind CSS를 간단하게 설치하기 위해 create-next-a..
ReactJS 🤞
2024.11.20

사용자 이미지 업로드(JavaScript) -> Google Cloud Vision API 로 이미지 분석

이 예제는 HTML과 JavaScript를 이용하여 사용자가 이미지를 업로드하고 Google Cloud Vision API로 이미지를 분석하는 간단한 웹 애플리케이션을 구현합니다. 1. 프로젝트 폴더 생성 및 파일 준비먼저, 프로젝트를 생성하고 필요한 파일들을 준비합니다.프로젝트 폴더 생성: 프로젝트를 위한 폴더를 생성하세요. 예를 들어, image-analysis-app이라는 이름으로 폴더를 만드세요.파일 생성: 다음의 두 파일을 생성합니다.index.html: HTML 파일로 사용자 인터페이스를 정의합니다.script.js: JavaScript 파일로 이미지 업로드 및 API 호출 로직을 작성합니다.2. HTML 파일 작성 (index.html)아래와 같이 index.html 파일을 작성하세요. 이 ..
자바스크립트
2024.11.20

2024년 최신 AI 개발 도구 비교: Replit, Bolt.new, Cursor AI

2024년 최신 AI 개발 도구 비교: Replit, Bolt.new, Cursor AI2024년 현재, 인공지능(AI) 기술의 발전은 소프트웨어 개발 분야에 혁신적인 변화를 가져오고 있습니다. 특히, AI를 활용한 개발 도구들은 개발자들의 생산성을 크게 향상시키고 있습니다. 이번 글에서는 Replit, Bolt.new, 그리고 Cursor AI라는 세 가지 주요 AI 개발 도구를 비교하여 각 도구의 특징과 장단점을 살펴보겠습니다. 🚀 Replit: 클라우드 기반의 통합 개발 환경Replit은 클라우드에서 다양한 프로그래밍 언어를 지원하는 통합 개발 환경(IDE)으로, 초보자부터 전문가까지 폭넓게 활용할 수 있습니다.주요 특징다양한 언어 지원: Python, JavaScript, C++, Java 등 ..
AI 기술
2024.11.19

C# : 날짜 용도별 DateTimeLibrary 의 메소드 샘플 코드

여기 제공된 DateTimeLibrary의 메소드를 사용하는 예제를 각 메소드별로 구체적으로 설명하고 샘플 코드를 추가했습니다. 이 라이브러리를 사용하는 데 있어 개발자들에게 도움을 주기 위해 작성되었습니다. 각 메소드의 설명과 예시를 통해 라이브러리의 기능을 명확히 이해할 수 있을 것입니다.  1. FirstDayOfCurrentMonth 메소드 사용 예시설명:현재 달의 첫 번째 날을 반환합니다. 예를 들어, 현재가 2024년 11월이라면 "2024-11-01"을 반환합니다.사용 예시:using System;namespace DateTimeLibraryUsage{ class Program { static void Main(string[] args) { ..
CSharp 🍚
2024.11.19

React 프로젝트 : Node.js 와 Vite 기반 구축 및 팀원 설치 가이드

Node.js와 Vite로 React 프로젝트 설정 가이드Node.js와 Vite를 사용하여 React 프로젝트를 설정하고, 팀원들이 동일한 환경에서 작업할 수 있도록 돕는 실무적인 가이드를 제공합니다. 이 글은 프로젝트 초기 설정부터 Docker를 활용한 환경 통일, 그리고 Windows 환경에서 발생할 수 있는 문제 해결 방법까지 다룹니다.💡 개요팀 프로젝트에서 동일한 개발 환경을 유지하는 것은 생산성 향상과 오류 감소의 핵심입니다. 특히, Node.js와 Vite 기반의 React 프로젝트에서는 아래 내용을 포함한 설정이 중요합니다:Node.js 버전 관리Vite 설정 최적화Docker를 활용한 일관된 개발 환경Windows 사용자 고려 사항🚀 React 프로젝트 설정1. Node.js 설치 및..
ReactJS 🤞
2024.11.18