뚝딱툴 - 바이브코딩으로 만든 무료 웹 도구 플랫폼
·
DDTool
들어가며: "간단한 작업인데, 왜 로그인이 필요하지?"개발을 하다 보면, 혹은 기획서를 쓰다 보면 급하게 필요한 도구들이 있습니다. 글자 수를 세거나, 줄바꿈을 제거하거나, 테스트용 QR 코드를 만들어야 할 때 말이죠.하지만 막상 검색해서 들어가 보면 과도한 광고에 눈이 피로해지거나, 심지어 간단한 기능조차 회원가입을 요구하는 경우가 많았습니다. '이런 불편함을 직접 해결해 볼 수는 없을까?'라는 작은 질문이 이 프로젝트의 시작이었습니다.때마침 개발자 커뮤니티에서 AI와 대화하며 애플리케이션을 구축하는 Vibe Coding(바이브 코딩)이 뜨거운 화두로 떠오르고 있었습니다. 저는 이 새로운 개발 패러다임을 검증해 볼 겸, 아이디어를 현실로 만들어보기로 했습니다.그렇게 탄생한 뚝딱툴(DDTool)은 누구나..
[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,..
스마트폰에서 같은 네트워크 윈도우 서버 접근하기
·
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 ..
[Java] Jackson JSON 처리 마스터하기
·
Backend
Java에서 JSON 처리를 위한 라이브러리로 가장 널리 사용되는 것이 바로 Jackson이다. Spring Boot의 기본 JSON 처리 라이브러리로 채택되어 있을 만큼 안정적이고 성능이 뛰어나다. 이번 포스트에서는 Jackson을 활용한 JSON 처리의 핵심 기능들을 샘플 코드와 함께 살펴보자.Jackson이란?Jackson은 Java 객체와 JSON 데이터 간의 직렬화(Serialization)와 역직렬화(Deserialization)를 담당하는 고성능 JSON 처리 라이브러리다.주요 특징높은 성능: 스트리밍 기반 처리로 빠른 속도유연성: 다양한 어노테이션으로 세밀한 제어 가능Spring 통합: Spring Boot에서 기본 JSON 처리기로 사용기본 설정 com.fasterxml.jackso..
[Python] 웹사이트에서 링크 목록 수집하기
·
Automation
이번 글에서는 파이썬을 사용해 웹사이트에서 링크 목록을 수집해오는 예제에 대해 소개하려 한다. 간단히 얘기하면 BeautifulSoup 모듈을 사용해 웹사이트를 받아와 특정 태그에 해당하는 항목들을 수집해오는 예제이다. 샘플 코드 예제에서 사용한 웹사이트는 https://example.com/ 으로 실제로 사이트에 들어가면 아래와 같은 화면이 나온다. 샘플 코드는 이 웹사이트의 제목과 링크(More information...)가 바라보는 사이트의 주소를 가져오는 기능을 수행한다. import requests from bs4 import BeautifulSoup url = 'https://example.com' response = requests.get(url) soup = BeautifulSoup(res..
[Python] 문장에서 가장 긴 단어 찾기
·
Backend
문장을 입력받아 가장 긴 단어를 찾는 예제를 작성해 보았다. 샘플코드 def find_longest_word(sentence): words = sentence.split() return max(words, key=len) # Example usage text = "It only takes about 20 minutes to find out about your accurate English level" print("Longest word:", find_longest_word(text)) 결과 Longest word: accurate
[Python] datetime으로 현재 날짜/시간 받아오기
·
Backend
datetime 라이브러리를 사용해 현재 날짜와 시간을 받아오는 방법을 소개한다. datetime 라이브러리 날짜와 시간을 조작하는 다양한 기능을 제공하는 라이브러리. 자세한 설명은 아래 링크에서 확인. https://docs.python.org/ko/3/library/datetime.html datetime — Basic date and time types Source code: Lib/datetime.py The datetime module supplies classes for manipulating dates and times. While date and time arithmetic is supported, the focus of the implementation is on efficient att..
[Python] 피보나치 수열
·
Backend
이번에는 파이썬으로 피보나치 수열을 개발해 보았다. 피보나치 수열에 대한 설명이 필요하다면 링크 참고. def fibonacci_numbers(n): a, b = 0, 1 for _ in range(n): print(a, end=' ') a, b = b, a + b print("Fibonacci Numbers:") n = int(input("Enter the number of terms: ")) fibonacci_numbers(n)
[Python] Oracle DB 쿼리 시 Dictionary 형태로 조회하기
·
Backend
Python에서 oracledb 통해 쿼리 시 응답의 기본적인 형태는 Tuple (1, 'Setting up a home network', 'Technology') 이런 형태를 편하게 다루기 위해서는 index를 사용해야 하므로 관리가 어렵다. id = row[0] title = row[1] category = row[2] 찾아보니 cursor의 rowFactory라는 메소드를 오버라이딩 하면 리턴받는 데이터의 형태를 바꿀 수 있다. def make_dic_factory(cursor): column_names = [d[0] for d in cursor.description] def create_row(*args): return dict(zip(column_names, args)) return create..
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..