3주차 과제 - 퍼스널 브랜딩 웹사이트 만들어보기 (한김에 파이어베이스로 배포까지)

양희원2026. 4. 7.조회 0

소개

3주차 과제입니다.

간단하게 내 사업 브랜드의 퍼스널 브랜딩 웹페이지 만들어보았습니다

진행 방법

1.만들기

이미 클로드 프로젝트에 419프로젝트와 관련된 다양한 데이터들이 쌓여 있습니다.

.

단어 목록이 있는 한국어 페이지

.

그래서 그냥 만들어달라구 했습니다.

.

일부 수정을 하고

해당 단어가 포함된 한국어 페이지

.

간단히 완성했습니다!

(html파일 업로드가 안되네요 ㅎㅎ)

.

동영상 캡쳐로 올립니다.

.

.

2.배포하기

https://ppage-457b5.web.app/

배포된 웹페이지입니다.

.

강성준 님께 뇌과학 스터디때 배웠던 배포방법을 썼구용

파이어베이스로 했습니다

<18기에서 배포하는 법 배운 내용>

https://firebase.google.com/?hl=ko
 - FIREBASE로 -> 콘솔로 이동 -> 프로젝트 만들기 -> 프로젝트 고유 식별자 나옴 -> 2차 도메인임 -> FIRESTOREBASE많이 씀 -> 프로젝트 개요 -> 프로젝트 설정 -> 작업한 후 CURSOR에서 작업할 예정 -> 프로젝트에 앱이 없습니다 라고 나올거임 -> 우리는 웹선택 -> 코드복사 - > CURSOR 한테 이거 보고 만들어줘라고 하면 됨 -> CURSOR로 가서 배포해달라고 에이전트한테 요청 " 지금 프로젝트를 FIREBASE에 배포할거야. FIREBASE 초기화와 빌드해야되는지 확인하고 필요하면 그 작업부터 해야돼. 아래 정보를 참고해." -> 뭔가 돌아갈텐데 Y해주고 -> "이제 FIREBASE에서 배포할거야. 프로젝트 ID는 STORY-LINGO-OJI로 배포해줘." -> 퍼플릭 디렉토리는 DIST 입력 -> 싱글페이지 앱 Y -> GITHUB N -> OVERWRITE Y -> 안되면 스크린샷을 떠서 -> 커서한테 안된다고 하기  -> 그래도 안되면 크롬 - 도구더보기 - 콘솔에 있는 내용 복사해서 같이 CURSOR에게 전달 -> EX) "이거 PUBLIC이야? DIST 아니야?" -> "다시 배포해줘" -> DEPLOY COMPLETE! -> 도메인 연결하기 위해 FIREBASE 오면 -> HOSTING -> 사이트 관리 -> 도메인 -> 커스텀 도메인 추가 -> 구매한 도메인 붙여넣기 -> 가비아가서 내가 이 도메인 주인인거를 알려줘야함. -> 가비아 - DNS툴 - 설정 - 레코드 수정 - FIREBASE에 보이는 레코드를 그대로 복사해넣기 : 호스트는 디폴트값이 @ -> TXT도 추가 -> 저장 -> 한 30분 뒤에 다시 확인하기

.

달라진 점이라면 코덱스로 했습니다.

그리고 코덱스가 추천해주는데로 내용도 좀 다듬었습니다.

.

html업로드 안되길래 그냥 배포해버리깈ㅋㅋㅋㅋㅋ

.

결과와 배운 점

선사업 실행 -> 후 브랜딩이 도움이 된 것 같습니다!

.

(참고) 뇌과학때 배포했던 사례글

https://www.gpters.org/dev/post/try-distributing-first-91QboVefKIY3jEE

댓글 2

로그인하고 댓글을 작성하세요

권정선6시간 전

근데 주문하기 구매하기 눌렀는데....왜 못사요? ㅋㅋㅋㅋ

양희원5시간 전

ㅎㅎㅎ 수면부족 이슈로 ㅎㅎㅎ

당근페이지 만들고 연동 시킬 계획입니당! ㅎㅎ

3주차 과제 - 퍼스널 브랜딩 웹사이트 만들어보기 (한김에 파이어베이스로 배포까지) | GPTers