들어가며: "간단한 작업인데, 왜 로그인이 필요하지?"개발을 하다 보면, 혹은 기획서를 쓰다 보면 급하게 필요한 도구들이 있습니다. 글자 수를 세거나, 줄바꿈을 제거하거나, 테스트용 QR 코드를 만들어야 할 때 말이죠.하지만 막상 검색해서 들어가 보면 과도한 광고에 눈이 피로해지거나, 심지어 간단한 기능조차 회원가입을 요구하는 경우가 많았습니다. '이런 불편함을 직접 해결해 볼 수는 없을까?'라는 작은 질문이 이 프로젝트의 시작이었습니다.때마침 개발자 커뮤니티에서 AI와 대화하며 애플리케이션을 구축하는 Vibe Coding(바이브 코딩)이 뜨거운 화두로 떠오르고 있었습니다. 저는 이 새로운 개발 패러다임을 검증해 볼 겸, 아이디어를 현실로 만들어보기로 했습니다.그렇게 탄생한 뚝딱툴(DDTool)은 누구나..

0. Todo Google Cloud 프로젝트 생성 Blogger API 사용 설정 OAuth 클라이언트 ID 생성 Python으로 Blogger 서비스 연동하기 Python으로 Blog 발행하기 1. Google Cloud 프로젝트 생성 ① Google Cloud 계정 생성 (https://cloud.google.com/) ② Google Cloud Console로 이동 (https://console.cloud.google.com/) ③ 프로젝트 생성 2. Blogger API 사용 설정 ① API 라이브러리 페이지로 이동 (API 및 서비스 → 라이브러리) ② Blogger 검색 ③ Blogger API 사용 설정 이미 사용중이라 아래와 같이 '관리'라 나오지만 원래는 '사용'이라는 버튼이 있다. 3..

0. Todo Autonomous Database(Oracle DB) Wallet 다운로드 DBeaver 연동 1. Oracle DB Wallet 다운로드 ① 만들어둔 Database 클릭 ② 'Database connection' 클릭 ③ 'Download wallet' 클릭 이 화면의 TNS Name은 향후 툴에서도 사용되므로 확인해두자. ④ 지갑 암호 입력 후 'Download' 클릭 ⑤ 받은 지갑은 압축을 풀어 적당한 위치로 이동 (향후 파이썬으로 DB 접근 시에도 지갑 사용) 2. DBeaver 연동 ① OJDBC 다운로드 (https://www.oracle.com/database/technologies/appdev/jdbc-downloads.html) Oracle DB에 접속하기 위한 JDBC..

supabase를 사용해 회원가입 프로세스를 구현하다보면 이미 가입된 이메일로 가입 시도 시 '이미 가입되어 있으니 로그인을 시도하세요.'와 같은 안내를 하도록 개발하고 싶은 경험 있으실텐데요.보통 이메일과 비밀번호로 회원가입을 시도하는 경우 아래와 같이 코드를 작성하게 됩니다.import { supabase } from './supabaseClient'; // Supabase 클라이언트 import// 회원가입 처리 함수const handleSignUp = async (email, password) => { try { // Supabase의 signUp 함수 호출 const { data, error } = await supabase.auth.signUp({ email: email,..

윈도우PC WSL에 웹서버를 구동시킨 후 같은 네트워크에 wifi로 연결한 스마트폰으로 접근하려 하니 잘 안된다.찾아보니 이것저것 설정을 해줘야 하는 부분이 있어 기록을 남겨본다.1. Windows IP 주소 확인Windows 명령 프롬프트에서:ipconfig또는 PowerShell에서:Get-NetIPAddress -AddressFamily IPv4WiFi 어댑터 IP 주소 확인 (보통 192.168.x.x 형태).2. WSL에서 웹서버 바인딩 설정웹서버가 localhost(127.0.0.1)가 아닌 모든 인터페이스에서 접근 가능하도록 설정 필요Express.js 예시:app.listen(3000, '0.0.0.0', () => { console.log('Server running on port ..