[조코딩][실습] 완성형 서비스 5 | SNS 공유, Github -Netlify 배포 자동화, Favicon 만들기

Joy·2020년 5월 12일
1

SNS 공유버튼 달기

원래는 API를 이용해서 긴 코드를 작성해 줘야함.

Addthis 서비스를 이용하면 간편하게 추가할 수 있음.

Github

코드 저장소. 깃허브를 이용하면 코드 변경 내역 등 버전관리 가능. 여러사람 공동작업에 용이.

업로드 하기

공간만들기 : new -> repository 만들기

코드 저장: command line 이용해서 업로드하기 ->

명령창에

git init
git add README.md  -> readme대신 .을 쓰면 전체파일 넣어주는거
git commit -m "first commit"
git remote add origin https://github.com/joygoround/hospitalplaylisttest.git
git push -u origin master

후 깃허브 아이디 + 비밀번호 입력

Netlify

웹사이트 인터넷에 공개하기

웹에 띄우는 법: 1. 내 컴을 서버로 만들기 2. 외부 서버 이용하기

1번은 내 ip가 공개되기 때문에 보안 취약함. 내 컴을 계속 가동해야함.

2번. 외부 서버의 일부에 올려두고 활용. AWS 등.
웹 호스팅(클라우스 서버) : 기업에 서버 제공하는 것.. 업체 ex) aws, google cloud, netlify 등

netlify 이용

무료, 쉬운 구성 등 장점.

간단히 웹 사이트 만들기

html 무료 탬플릿 받기

deploy: 인터넷에 웹사이트를 올리는 행위.

주소 바꾸기: site setting 에 change site name

github랑 연동

따로 deploy 하지 않고 github이랑 연결해서 자동으로 하기

New site from git -> "continues deployment" 코드 수정되면 바로 디플로이 하는 환경

코드 수정 후 업로드 하기

git add . 
git commit -m "변경한 내용... ~~ 추가하"

(저장소 등록은 이미 했다면 바로 푸쉬)
git push origin master

+favicon 만들기

웹사이트 아이콘 만들기 w/ favicon generator

profile
roundy

0개의 댓글