폰 잠금화면 배경 만들기(feat. Claude)

폰 잠금화면 배경을 만들고 싶어서 이미지를 ai로 만들었는데
쉽게 문구를 변경하고 싶었습니다.
그래서 위젯을 만들어볼까 하고 시작했는데

ai답변) 어떤 앱도 아이폰 배경화면을 직접 바꿀 수 없어요.
서드파티 앱용 공개 API가 없어요. 단축어에 "배경화면 사진 설정" 액션이 있긴 한데,
iOS 16에서 잠금화면 시스템이 바뀐 뒤로 오랫동안 불안정하다는 보고가 많아요(검은 화면이 되거나 잠금화면이 계속 새로 생성되는 등).

그래서 현실적인 흐름은 이거예요: 문구 입력 → 이미지 생성 → 사진에 저장 → 배경화면으로 설정(수동, 3탭)

결론 : 손쉽게 이미지로 가자!

그래서 아래처럼 잠금 폰 배경을 만들어보기로 합니다.
ai가 몇분만에 코드를 작성해줬습니다.

이제 테스트를 해보고 잘 만들어지는것을 확인!
누구나 사용가능하게 배포를 해봅니다.

프로젝트 만들기

ai로 만든 코드와 이미지 등을 디렉토리를 만들고 해당 디렉토리안에 복사합니다.
그런뒤 로컬에서 테스트를 해봅니다.

localhost:8000으로 아래와 같이 뜨면 오케이!

이제 프로젝트와 소스가 있으니 Ocra를 통해 클로드코드를 사용가능!
프로젝트명 : wallpaper-maker

다음으로 git을 연동해보기!
git init , git add . git commit -m "잠금화면 문구 생성기 초기 버전" 으로 커밋까지!

다음으로는 github에 push!

gh repo create wallpaper-maker --public --source=. --push 명령어로 레파지토리 생성하기!
--private or --public(공개)

이 프로젝트는 간단한거라 공개로 진행! 

Vercel 배포

GitHub 연동 방식을 추천. 이후 git push만으로 자동 배포 됩니다.

1. vercel.com 접속 → GitHub 계정으로 로그인
2. Add New → Project
3. wallpaper-maker 저장소 Import
4. 설정 화면에서:
   • Framework Preset: Other
   • Build Command: 비워두기
   • Output Directory: 비워두기
   • Root Directory: 그대로
5. Deploy

github에서 액세스 허용을 해줘야 import가 가능 합니다.

New Project에서 우리가 만든 프로젝트를 import 해줍니다.

 

html이기때문에 빌드도 필요 없습니다. 베리 굿~

Deploy 합니다!

Domain이 맘에 들지 않아서 변경해 줍니다.

pback-maker.vercel.app

잠금화면 문구 만들기

와우! 성공! ㅋ 

결과물

아래처럼 짜잔~

끝~