비개발자가 처음으로 포트폴리오 사이트를 만들어봤다

코드 한 줄 몰라도 됐다. 뭘 원하는지만 말하면 됐다.

---

😫 상황

콘텐츠 마케터로 일하면서 TikTok 영상을 꽤 만들었는데, 그걸 제대로 보여줄 공간이 없었다. 노션이나 링크드인으로는 TikTok 영상을 직접 재생할 수 없었고, 결국 링크만 전달하는 수준에 머물렀다.

언젠가 포트폴리오 사이트를 만들어야겠다고 생각했지만, 개발 경험이 전혀 없으니 어디서부터 시작해야 할지 몰랐다.

---

🔧 처음 해본 것들

"뭘 원하는지" 고르기만 했다

나는 포트폴리오를 만들고 싶어. 나는 비개발자라서 개발 경험은 따로 없어.

이렇게 시작했더니 Claude가 질문을 쏟아냈다. 어떤 종류의 포트폴리오인지, 어떤 섹션이 필요한지, 디자인 방향은 어떤지. 내가 한 건 선택지 고르기뿐이었다. 뭘 원하는지 말로 설명 못해도, 고를 수 있으면 됐다.

방향이 잡히자 Claude가 알아서 HTML 파일과 CSS 파일을 만들어줬다.

TikTok 영상 넣기

실제 TikTok 영상 링크를 붙여넣었더니, 단축 URL에서 영상 ID를 직접 추출해서 공식 임베드 코드로 바꿔줬다. 영상이 사이트에 직접 재생되는 걸 처음 봤을 때 솔직히 좀 신기했다.

"이거 쓰는 게 맞아요?" 물어보기

영상을 나중에 쉽게 추가하고 싶어서 데이터베이스 도구를 써야 하나 고민됐다. Claude한테 그냥 물어봤다.

TikTok 영상을 쉽게 추가하고 삭제하려면 데이터베이스를 써야 할까? 아니면 더 나은 방법이 있을까?

세 가지 방법을 비교해줬는데, 내 상황엔 별도 파일 하나에 영상 정보를 모아두는 방법이 제일 맞았다. 추가할 땐 한 줄 추가, 삭제할 땐 한 줄 지우면 끝이라고 했다. 혼자 검색했으면 복잡한 방법만 찾아봤을 텐데, AI한테 "더 나은 방법 있어요?"라고 물어보니 더 단순한 선택지를 알게 됐다.

---

✅ 해보고 나서

- 포트폴리오 사이트 초안 완성 (TikTok 영상 직접 재생 가능)

- 영상 관리 방법도 결정

개발 경험이 없어도 방향만 잡으면 진짜 된다는 걸 처음으로 실감했다.

---

📋 바로 써볼 수 있는 프롬프트

시작할 때:

나는 [직군]이야. 비개발자라서 코딩 경험은 없어. [목표]를 하고 싶은데 어디서부터 시작하면 좋을까?

방법을 고민할 때:

나는 [상황]인데, [방법 A]를 써야 할까? 내 상황에 맞는 더 나은 방법이 있으면 비교해서 알려줘.

2
2개의 답글
지피터스 뉴스레터

이번 주 AI, 딱 쓸 것만

매주 월요일 오후,
읽고 바로 써먹을 AI 소식만