스마트폰에서 같은 네트워크 윈도우 서버 접근하기
·
Mobile
윈도우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 ..
[supabase] 이미 가입된 이메일 검증하기
·
Backend
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에 연결된 모바일 기기 화면을 명령어로 캡처하기 (안드로이드, iOS)
·
Mobile
모바일 앱을 개발하거나 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로 연결되어 있고, 개발자 모드가 켜져 있..
jsontest.com - json 응답을 주는 테스트 API 사이트
·
Development
API를 호출하는 기능을 개발하다보면 응답을 제대로 처리하기 위해 테스트 API가 필요한 경우가 있다. 특히 json 형태의 응답을 받게되는 경우가 많은데 테스트를 위한 API를 제공하는 사이트를 소개한다. jsontest.com http://www.jsontest.com/ JSON Test by jsontest JSONTest.com is a testing platform for services utilizing JavaScript Object Notation (JSON). To use, make a request to servicename.jsontest.com, where servicename is the name of a service listed below. We also support a nu..
PlaygroundAI 사용법 - AI 기반 무료 이미지 생성
·
Development
퀄리티가 괜찮은 무료 이미지를 생성해주는 Playground AI의 사용법을 정리해본다. 블로그 글을 작성하거나 개발을 하다보면 꽤나 자주 이미지를 사용하게 되는데 무료 이미지를 검색해서 사용할 때도 있지만 원하는 이미지를 생성하고자 할때가 있는데 이 때 사용해보니 만족스러워 계속 사용하고 있다. PlaygroundAI 소개 AI 기반의 이미지 생성 사이트로, 하루에 1000장의 무료 이미지 생성이 가능하다. 인터넷에 떠도는 AI 이미지의 대부분을 차지하는 text-to-image 인공지능 모델 Stable Diffusion을 사용해 이미지 생성이 가능하며, 자체 모델(Playground v1) 기반의 이미지 생성도 제공한다. https://playgroundai.com/ Free AI image gen..
뚝딱툴 - 바이브코딩으로 만든 무료 웹 도구 플랫폼
·
DDTool
들어가며: "간단한 작업인데, 왜 로그인이 필요하지?"개발을 하다 보면, 혹은 기획서를 쓰다 보면 급하게 필요한 도구들이 있습니다. 글자 수를 세거나, 줄바꿈을 제거하거나, 테스트용 QR 코드를 만들어야 할 때 말이죠.하지만 막상 검색해서 들어가 보면 과도한 광고에 눈이 피로해지거나, 심지어 간단한 기능조차 회원가입을 요구하는 경우가 많았습니다. '이런 불편함을 직접 해결해 볼 수는 없을까?'라는 작은 질문이 이 프로젝트의 시작이었습니다.때마침 개발자 커뮤니티에서 AI와 대화하며 애플리케이션을 구축하는 Vibe Coding(바이브 코딩)이 뜨거운 화두로 떠오르고 있었습니다. 저는 이 새로운 개발 패러다임을 검증해 볼 겸, 아이디어를 현실로 만들어보기로 했습니다.그렇게 탄생한 뚝딱툴(DDTool)은 누구나..
테스트 데이터 생성 - Faker.js, Mockaroo
·
Development
개발하다 보면 테스트용 더미 데이터가 필요한 경우가 정말 많다. 사용자 정보, 주문 데이터, 게시글 내용 등... 매번 수동으로 만들기엔 너무 번거롭고, 그렇다고 실제 데이터를 쓰기엔 개인정보 문제도 있다. 이럴 때 도움이 되는 테스트 데이터 생성 도구들을 정리해봤다.왜 테스트 데이터 생성 도구가 필요할까?개발 효율성: 수동으로 데이터 입력하는 시간 절약현실적인 테스트: 다양한 형태의 실제 같은 데이터로 테스트개인정보 보호: 실제 사용자 데이터 대신 가짜 데이터 사용대용량 테스트: 수천, 수만 건의 데이터를 쉽게 생성Faker.js (https://fakerjs.dev/)특징Faker.js는 JavaScript 기반의 가짜 데이터 생성 라이브러리다. 프로그래밍 방식으로 사용하는 것이 주 목적이지만, 온라..
OpenAI(ChatGPT) API로 블로그 발행하기 - #5. Python으로 Blogger 발행하기 (Google OAuth API)
·
Automation
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..
OpenAI(ChatGPT) API로 블로그 발행하기 - #3. Python으로 Oracle DB 연동하기
·
Automation
0. Todo oracledb module 사용해 Oracle DB 접속하기 테이블 생성 및 삭제 데이터 CRUD 1. Oracle DB 접속하기 Python에서 Oracle DB에 접속하기 위해서는 oracledb 모듈을 사용해야 한다. import oracledb connection = oracledb.connect( user="ADMIN", password="ADMIN password",# DB 생성 시 입력한 비밀번호 dsn="TNS NAME",# Database connection -> Connection Strings -> TNS NAME config_dir="wallet path",# wallet 디렉토리 경로 wallet_location="wallet path",# wallet 디렉토리 경..
[Python] 문자열 첫 줄 제거하기
·
Backend
개발을 하던 중 문자열 두개를 조합해야 하는 일이 있었다. 알고보면 매우 간단한 것이지만.. 파이썬에 익숙하지 않아 내용을 정리해본다. 문자열 A, B라고 했을 때 순서를 아래와 같이 하려 한다. A의 첫번째 줄 → B → A의 나머지 파이썬의 splitlines와 join을 사용하면 간단하게 가능하다. string_a = """# TITLE ## subtitle1 content1 ## subtitle2 content2 """ string_b = """## summary summary """ lines = string_a.splitlines(True) first_line = lines[0] rest_line = lines[1:] article = first_line + string_b + ''.join(..