-
생활코딩으로 코딩 독학 - HTML (4)코딩공부 2021. 9. 25. 21:12
15강 웹사이트를 완성하자
처음에는 그냥 단순하게 따라해봤는데
이왕 연습하는거 나만의 홈페이지가 되면 좋겠다 싶어 구성을 다시 짜봤다.
내가 다녔던 맛집들을 정리하는 홈페이지를 만들기로 했다.
링크를 서로 연결해서
페이지를 하나하나 이어나가는 책으로 만드는 것이 포인트
리스트 제목마다 링크를 달아서 새로운 페이지로 연결되게 짜주는 연습을 했다.
제목마다 이렇게 링크가 연결되는게 보인다..
우아.. 신기해
정말 보잘것 없는 홈페이지인데
뭐가 이렇게 신기한지
ㅎㅎ 재밌다
16강 인터넷 = 웹 ?
> no!
인터넷이 도시라면 웹은 건물하나 라고 볼 수 있다고 한다.
1960년에 등장한 인터넷 > 30년이나 지나 1990년대 웹이 생겨났다.
1990년 12월에 생겨난 최초의 웹사이트..!
17강 인터넷이 동작하는 가장 기본적인 원리
웹브라우저(정보를 요청) -인터넷- 웹서버(정보에 응답)
Client Server
18강 웹호스팅(깃허브)
깃허브는 홈페이지를 운영할 수 있는 웹서버를 공짜로 제공해준다.
먼저 깃허브 홈페이지에 들어가서 회원가입을 하고(sign up)
여기 뉴 레파지토리 누르기
레파지토리 네임 적기
퍼블릭 체크
에드 어 리드미 파일 체크
그리고 나서 크리에이트 레파지토리!
업로드파일 누르기
>>예전에 찍어진 영상이라 페이지 구성이 조금 다른데, 업로드 파일은 애드파일을 누르면 나온다. (위 사진 참고)
여기에 파일을 담고 업로드하면 깃허브에 올라간다!
그 후는 영상을 따라하면 된다. 단 소스를 마스터브랜치로 저장하라는 부분이 나오는데, 그 부분은 헷갈려서 main 을 누르고 진행했고
아무 이상 없이 주소를 받았다.!
https://momogo2264.github.io/momogo/
내가 한 웹포스팅..! 진짜 허접하다ㅋㅋㅋㅋ
디자인적인 요소를 추가할 수 있는 능력을 기르고 싶어진다.
'코딩공부' 카테고리의 다른 글
생활코딩으로 코딩 독학 - CSS (1) (0) 2021.09.28 생활코딩으로 코딩 독학 - HTML (5) (0) 2021.09.27 생활코딩으로 코딩 독학 - HTML (3) (0) 2021.09.24 생활코딩으로 코딩 독학 - HTML (2) (0) 2021.09.23 생활코딩으로 코딩 독학 - HTML (1) (0) 2021.09.17