GIT&Github(번외)_Netlify를 통해 사이트 구축

신하연·2023년 7월 12일
0

Git hub에 등록한 Repo를 가지고 사이트 구현이 가능하다고 해서 테스트 해 보았다.
몇년전에 친구 결혼식에 제작해 주었던 모바일 청첩장을 업로드 했다.

1. git 버전 commit

git init
git add .
git commit -m"(커밋메세지)"

2. github repo로 push

git remote add origin (repo 주소)
git push origin master

3. Netlify 사이트 구축

Github 회원으로 회원가입해준 후, Github 연동할 것.
Netlify는 신뢰할 수 있는 사이트이므로 모든 Repo에 권한을 주는게 관리에 용이해진다.
너무 빨리 슥슥 만들어서 미처 캡쳐를 못했다 ㅠㅠ 그만큼 쉬우니 설명이 필요없다.

오류사항 발생

Github 연동 후 사이트 구축을 진행했으나, 제공해주는 URL 링크로 들어가봐도 위와 같은 에러페이지가 떴다.
찾아보니 정적 배포만 구현이 되어서 php 구동이 안된다고 한다.
index.php를 php코드 삭제하고 html로 변경해줬다.

4. 사이트 수정

사이트 수정 연습을 위해 경로 링크를 미리 수정해두지 않았다.
html코드는 나오는데 그 외의 모든 연동이 안되는 상황
경로 수정을 해서 다시 github로 push 해준다.

기존 절대 경로

수정 상대 경로

5. 구현 동작 확인

경로 수정 후 페이지가 잘 구동되는 것을 확인할 수 있다.
카카오지도 및 공유기능이 동작하지 않지만 테스트 하기위해 API 발급은 귀찮으므로 PASS...
netlify는 php 구동이 안된다는 점만 명심하자 😁

0개의 댓글