정보 남기기

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

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,..

모바일 앱을 개발하거나 USB로 연결된 모바일 기기의 화면 캡처가 필요할 때가 종종 있습니다.이번 글에서는 USB로 연결된 안드로이드나 iOS(아이폰) 기기의 화면을 캡처하는 방법에 대해 정리했습니다.1. 각 OS별 캡처 명령안드로이드adb exec-out screencap -p > screenshot.pngADB를 이용해 PNG 캡처 후 로컬에 저장adb devices로 연결 확인 가능windows에서는 cmd에서 가능 (powershell 불가)iOS (실물 기기)xcrun xcdevice screenshot screenshot.pngXcode CLI 도구를 이용해 iOS 기기 화면을 PNG로 저장xcrun xcdevice list로 연결 상태 확인 가능USB로 연결되어 있고, 개발자 모드가 켜져 있..

윈도우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 ..

퀄리티가 괜찮은 무료 이미지를 생성해주는 Playground AI의 사용법을 정리해본다. 블로그 글을 작성하거나 개발을 하다보면 꽤나 자주 이미지를 사용하게 되는데 무료 이미지를 검색해서 사용할 때도 있지만 원하는 이미지를 생성하고자 할때가 있는데 이 때 사용해보니 만족스러워 계속 사용하고 있다. PlaygroundAI 소개 AI 기반의 이미지 생성 사이트로, 하루에 1000장의 무료 이미지 생성이 가능하다. 인터넷에 떠도는 AI 이미지의 대부분을 차지하는 text-to-image 인공지능 모델 Stable Diffusion을 사용해 이미지 생성이 가능하며, 자체 모델(Playground v1) 기반의 이미지 생성도 제공한다. https://playgroundai.com/ Free AI image gen..

파이썬을 공부하며 이것저것 개발해보고 있다. 다른 언어로 같은 기능을 개발했을 때는 훨씬 복잡했던 것 같은데.. 파이썬으로 작성하니 코드가 매우 간단하다. filename = "data/sample.txt" wordcount = {} with open(filename, 'r') as f: for line in f: words = line.split() for word in words: word = word.lower() # 소문자로 단어를 세고 싶은 경우 if word not in wordcount: wordcount[word] = 1 else: wordcount[word] += 1 for key, value in wordcount.items(): print(key, value) 결과는 아래와 같다. i..

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..

티스토리툴바