
1. 웹 호스팅 : github page
# 호스팅 (클라우딩)
: 인터넷에 연결된 컴퓨터를 빌려줌
# 웹 호스팅
-> 무료인 깃 허브 이용 (호스팅이 주 용도는 x )
GitHub: Let’s build from here
GitHub is where over 94 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat...
github.com
# 호스팅 하는 법
저장소 생성 - 파일 업로드 - setting - pages - main 브랜치 선택 - save ( action에서 진행 상황 확인 가능 )
-> setting - pages에서 사이트 접속 가능
# 내 컴퓨터 & 방문자 컴퓨터 & 호스팅 컴퓨터
- 내 컴퓨터의 웹 페이지(index.html) 를 호스팅 컴퓨터에 업로드
- 호스팅 컴퓨터에서 웹 서버를 활성화하고 컴퓨터에 도메인 주소(https://example.com)을 부여
- 방문자 컴퓨터가 도메인 주소(https://example.com)로 접속
- 호스팅 컴퓨터의 웹 서버가 웹 페이지(index.html)를 읽음
- 웹 서버가 방문자에게 웹 페이지(index.html)의 소스코드 전송
- 방문자의 웹 브라우저에 웹 페이지(index.html) 표시
2. 웹 서버 운영하기 - Web Server for Chrome
Web Server for Chrome
A Web Server for Chrome, serves web pages from a local folder over the network, using HTTP. Runs offline.
chrome.google.com



- Accessible on local network 체크하지 않으면 본 컴퓨터에서만 접속가능한 주소 생성됨
- 컴퓨터와 스마트폰을 같은 네트워크에 연결하고 Accessible on local network 체크 후 웹 서버 다시 키면 스마트폰에서도 접속 가능한 새로운 IP address 생성
- 스마트폰에서 접속 안될 경우 공용 네트워크 방화벽 잠시 꺼주어야 함

댓글 기능 추가 : https://disqus.com/
Disqus – The #1 way to build your audience
Disqus offers the best add-on tools for websites to increase engagement. We help publishers power online discussions with comments and earn revenue with native advertising.
disqus.com
실시간 채팅 기능 추가 : https://www.tawk.to/
100% FREE Live Chat Software, Ticketing & Knowledge Base! - www.tawk.to
tawk.to is 100% free live chat software to monitor and chat with visitors on your website or from a free customizable page.
www.tawk.to
'FRONTEND > HTML&CSS' 카테고리의 다른 글
[ Tailwind css] 사용자 정의 애니메이션 추가하기 ( fadeIn , fadeOut ) (0) | 2024.04.17 |
---|---|
[ CSS ] position : sticky 사용하기 ( 요소가 스크롤을 따라오게 하기 ) (0) | 2024.03.01 |
[ HTML ] 모바일에서 input , textarea 입력 활성화 시 화면이 확대되는 이슈 ( meta name="viewport" 태그 ) (0) | 2024.02.25 |
[코드잇 - html/css 시작하기] 06. 여행 사이트 (0) | 2022.11.24 |
[코드잇 - HTML/CSS 시작하기] 5. 텍스트 스타일링 (0) | 2022.11.24 |