재우니 개발자 블로그

인기 글

spec-kit.git : Toolkit Spec-Driven Development

**spec-kit**은 코드를 직접 작성해 주는 라이브러리가 아니라, AI 에이전트를 활용하여 개발 프로세스를 자동화하는 방법론에 가깝습니다. 따라서 spec-kit을 활용한다는 것은 AI 에이전트에게 명확한 지침을 제공하고, 그 결과물을 활용하는 과정을 의미합니다.다음은 spec-kit의 핵심 단계에 맞춰 ASP.NET Core 8 기반의 BOARD 웹사이트를 구현하는 실무적인 가이드입니다. 사용자께서 제공하신 가이드 문서는 AI 코딩 에이전트를 활용하여 Spec-Driven Development를 진행하는 방법을 상세하게 설명하고 있습니다. 다음은 해당 문서의 내용을 바탕으로 재구성한 단계별 사용 방법입니다.사전 준비 사항프로젝트를 시작하기 전에 아래의 필수 도구들을 설치해야 합니다.Linux/ma..
AI 기술
2025.09.10

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

Python : 재설치 하기(windows, mac) / 여러 버전 관리 (pyenv 추천)

여러 개의 Python 버전이 시스템에 설치되어 있다면, 이를 제거하고 하나의 폴더에서 Python을 관리하는 방법을 단계별로 정리해 드리겠습니다.✅ 1. 현재 설치된 Python 버전 확인먼저, 여러 개의 Python 버전이 설치된 상태를 확인해야 합니다.🔹 WindowsCMD(명령 프롬프트) 또는 PowerShell을 열고 다음 명령을 실행하세요where python또는py -0그러면 설치된 Python 경로 목록이 나옵니다. Python이 설치된 폴더를 찾으려면python -c "import sys; print(sys.executable)"🔹 macOS / Linux터미널에서 다음을 입력합니다:which pythonwhich python3여러 버전이 있는지 확인하려면:ls -l /usr/loca..
PYTHON
2025.04.18

2018년~2024년,2025년,2026년 국가공휴일 엑셀 정리 ✔

2018년~2024년,2025년,2026년 국가공휴일 엑셀 정리 ✔ 2025년 부터 2026년까지 국가공휴일을 엑셀로 정리해 봤습니다. 데이터는 data.go.kr 인 공공데이터포털을 통해 자료 수집한 데이터 입니다.  년도월일국가공휴일2025111월1일2025127임시공휴일2025128설날2025129설날2025130설날202531삼일절202533대체공휴일202555어린이날202555부처님오신날202556대체공휴일202566현충일2025815광복절2025103개천절2025105추석2025106추석2025107추석2025108대체공휴일2025109한글날20251225기독탄신일2026111월1일2026216설날2026217설날2026218설날202631삼일절202632대체공휴일(삼일절)202655어린이날2..
생활정보 🍜
2025.01.24

엑셀·워드와 호환되는 최신 WYSIWYG 웹 에디터 10선

최신 자료를 기반으로 엑셀과 워드 호환이 잘 되는 상위 10개의 WYSIWYG 웹에디터를 조사하겠습니다. 이 목록은 사용량, 기능, 개발자 선호도를 고려하여 선정되며, 각 웹에디터의 공식 웹사이트 링크도 함께 제공해드리겠습니다. 엑셀·워드와 호환되는 최신 WYSIWYG 웹 에디터 10선1. CKEditor 5오픈 소스 기반의 CKEditor 5는 높은 완성도의 WYSIWYG 웹 에디터로, Drupal 등 주요 CMS에서 기본 에디터로採용될 정도로 널리 쓰입니다 (Drupal and CKEditor: a history of advanced content editing | CKEditor | CKEditor). 풍부한 플러그인과 커스터마이징 기능을 제공하며, Microsoft Word 문서를 댓글이나 변경 ..
생활정보 🍜
2025.02.28

최신 글

spec-kit.git : Toolkit Spec-Driven Development

**spec-kit**은 코드를 직접 작성해 주는 라이브러리가 아니라, AI 에이전트를 활용하여 개발 프로세스를 자동화하는 방법론에 가깝습니다. 따라서 spec-kit을 활용한다는 것은 AI 에이전트에게 명확한 지침을 제공하고, 그 결과물을 활용하는 과정을 의미합니다.다음은 spec-kit의 핵심 단계에 맞춰 ASP.NET Core 8 기반의 BOARD 웹사이트를 구현하는 실무적인 가이드입니다. 사용자께서 제공하신 가이드 문서는 AI 코딩 에이전트를 활용하여 Spec-Driven Development를 진행하는 방법을 상세하게 설명하고 있습니다. 다음은 해당 문서의 내용을 바탕으로 재구성한 단계별 사용 방법입니다.사전 준비 사항프로젝트를 시작하기 전에 아래의 필수 도구들을 설치해야 합니다.Linux/ma..
AI 기술
2025.09.10

ASP.NET Core 8 : AWS SSO 를 활용한 S3 연동 구현하기

ASP.NET Core 8에서 AWS SSO를 활용한 S3 연동 구현하기AWS SSO(Single Sign-On)를 사용하는 환경에서 ASP.NET Core 8 애플리케이션을 개발할 때, S3와 연동하는 과정에서 자주 마주치는 문제들이 있습니다. 특히 자격 증명 처리와 토큰 만료 상황에 대한 대응이 까다로운데요. 이번 포스트에서는 실무에서 바로 적용할 수 있는 견고한 S3 클라이언트 구현 방법을 소개하겠습니다. 문제 상황 분석개발 환경에서 AWS CLI를 통해 SSO 로그인을 완료했다고 가정해봅시다:aws sso login --profile UNIVESLUCKY 하지만 ASP.NET Core 애플리케이션에서 S3에 연결할 때 다음과 같은 문제들을 겪게 됩니다: ProfilesLocation 경로 문제:..
ASP.NET CORE 🍔
2025.08.27

ASP.NET Core MVC : [FromBody], [FromForm], [FromQuery] 사용해 보기

ASP.NET Core MVC(Web API 포함)에서 [FromBody] 사용 여부에 따라 JavaScript(axios)에서 요청을 보내는 방식이 조금 달라집니다.아래에서 [FromBody]를 사용할 때와 사용하지 않을 때를 나눠서 설명드리겠습니다.1. [FromBody]를 사용하는 경우[FromBody]는 **HTTP 요청의 Body(JSON, XML 등)**에서 데이터를 읽습니다.즉, axios에서는 data 속성을 사용하여 JSON으로 전달해야 합니다.// C#[HttpPost]public async Task UpdateUserDept([FromBody] UpdateUserDept.Command command){ // command 객체는 JSON Body에서 바인딩됨 ...} Ja..
ASP.NET CORE 🍔
2025.08.26

ASP.NET CORE : 웹 개발을 위해 꼭 알아야하는 보안 대응 (DOMPurify)

ASP.NET MVC 및 ASP.NET Core 애플리케이션을 보호하는 것은 다양한 보안 취약성으로부터 보호하는 데 중요합니다. 아래에서는 귀하가 언급한 보안 문제를 해결하기 위한 몇 가지 샘플 코드와 모범 사례를 제공하겠습니다. 1. SQL INJECTION SQL 주입을 방지하려면 매개변수화된 쿼리나 Entity Framework와 같은 ORM을 사용하세요.var query = "SELECT * FROM Users WHERE Username = @username AND Password = @password";using (var connection = new SqlConnection(connectionString)){ connection.Open(); var command = new Sql..
ASP.NET CORE 🍔
2025.08.19

AI 기술 : gitmvp 활용해 보기

https://www.gitmvp.com/ Let Cursor cheat from GitHub - GitMVP www.gitmvp.com MCP 추가하기"gitmvp": { "url": "https://gitmvp.com/mcp", "headers": {}} 명령 프롬프트give me a crash course on @https://github.com/phnx47/dapper-repositories use mermaid diagrams and markdown tablesuse gitmvp mcp 실행결과 실행 결과값 현재 레포 내용을 빠르게 스캔해 정확한 사용법과 최신 구조를 정리하겠습니다. 다 읽은 뒤, 한국어로 짧고 실전 위주의 크래시 코스를 Mermaid 다이어그램과 표로 정리해 드..
AI 기술
2025.08.12

서울 사당역 → 김포공항 → 티웨이항공 카운터 알아보기 (8842번 리무진)

서울 사당역 → 김포공항 → 티웨이항공 카운터사당역 또는 정부과천청사 등 서울에서 8842번 버스 승차김포공항 국내선 10번홈 정류장(이후 정차)에서 하차만약에 국제선 터미널 → 국내선 터미널 이동이 필요한 경우:국제선에서 셔틀버스 탑승 후 국내선 이동 (약 10 분)또는 도보로 터미널 간 이동국내선 터미널 2층 또는 3층에 위치한 티웨이항공 카운터에서 체크인 및 발권 8842 버스 사당역 -> 김포공항국내선(12번홈) 김포공항 국내선(11-2번홈) -> 사당역 버스는 방배우성아파트 맞은편에 8842 공항버스를 타고 가면 됩니다. 사당역 -> 김포공항국내선(12번홈) 에서 내리면, 김포공항 국내선 티웨이항공 카운터는 7~12번이에요. 4번 출입구를 이용하면 가까워서 찾기 쉬워요. 김포공..
생활정보 🍜
2025.07.30

MCP : Claude Task Master 설치 가이드 및 사용 가이드

Claude Task Master: 설치 가이드 Claude Task Master는 프로젝트 요구사항 문서(PRD)를 자동으로 구문 분석하고 구조화된 작업 목록을 생성하여 개발 워크플로를 간소화하도록 설계된 AI 기반 작업 관리 시스템입니다. 이 강력한 도구는 Cursor와 같은 편집기와 원활하게 통합되며 지능적인 작업 분류 및 관리 기능을 제공합니다.설치Option 1: MCP Installation (추천) MCP 접근 방식은 Cursor와 같은 AI 편집기와 가장 원활하게 통합됩니다. Step 1: Install the Package npm install -g task-master-ai Step 2: Configure MCP Server편집기의 MCP 설정 파일(예: .cursor/mcp.json..
AI 기술
2025.07.19

python : Hacker News 프로젝트: uv로 가상환경 및 패키지 관리하기

venv 로 가상화를 하여 구성할 수도 있지만, Hacker News 프로젝트가상환경 생성: python3.13 -m venv .hacker_news가상환경 적용source .hacker_news/bin/activate.hacker_news\Scripts\activateDjango 설치: pip install django루트 디렉토리 생성: mkdir hacker_newsDjango 프로젝트 생성: django-admin startproject config hacker_news프로젝트로 이동: cd hacker_newsDjango 서버 실행: python manage.py runserver 아래 처럼 uv 를 사용해서도 가상화 환경을 구성할 수 있습니다. 1. uv 설치 D:\Source\PythonP..
PYTHON
2025.07.06

Meta Pixel & 전환 API(Conversions API, 이하 CAPI) : 개발자를 위한 가이드

Meta Pixel & 전환 API: 개발자를 위한 가이드 Meta 광고 생태계에서 데이터는 단순한 숫자가 아니라 비즈니스의 성패를 좌우하는 핵심 동력입니다. 특히 Meta Pixel(이하 픽셀)과 전환 API(Conversions API, 이하 CAPI)는 그 동력을 만들어내는 양대 엔진과도 같습니다. 이 가이드는 단순히 '설치법'을 나열하는 것을 넘어, 왜 이렇게 해야 하는지(Why), 그리고 **실제 업무에서 어떻게 적용하는지(How)**에 초점을 맞출 것입니다. 거짓 없이, 실제 저희 팀에서 사용하는 코드와 로직을 바탕으로 설명하겠습니다. Step 0: 왜 픽셀과 CAPI를 함께 써야 하는가? 가장 먼저 이해해야 할 것은 '픽셀 또는 CAPI'가 아니라 '픽셀과 CAPI' 라는 점입니다.Meta ..
자바스크립트
2025.06.27

긴 WAV 음성과 짧은 영상을 자연스럽게 결합하는 방법 (FFmpeg)

짧은 영상을 긴 WAV 음성 파일과 결합하여 영상이 음성 길이만큼 자연스럽게 반복(루프)되게 하려면 다음 방법들을 사용할 수 있습니다. 각 방법은 영상 편집 도구의 특성에 따라 선택 가능하며, FFmpeg 자동화가 가장 효율적입니다. 윈도우 환경이라면, 아래와 같이 설치 FFmpeg 진행에 맞게 설치 같이 해 보죠. https://www.gyan.dev/ffmpeg/builds/ffmpeg-git-full.7z 압축을 해제하고 ffmpeg 폴더 명칭으로 변경합니다. 환경변수 설정에서 고급을 선택합니다. 사용자 변수의 path 에 해당 경로를 추가합니다. ffmpeg 폴더 내부의 bin 폴더로 지정하여 저장합니다. Command Prompt 나 PowerShell 을 새롭게 열어서 ffmpeg 명령..
기타(툴)
2025.06.24

티스토리툴바