2018-03-16

인프런에 유용한 온라인 무료 강좌들

https://www.inflearn.com/course/html-css-%EA%B0%95%EC%A2%8C-codesquad/ https://www.inflearn.com/course/css-%EA%B8%B0%EB%B3%B8%EB%B6%80%ED%84%B0-%ED%99%9C%EC%9A%A9%EA%B9%8C%EC%A7%80/

inline 요소와 block 요소

• block은 네모난 박스 모양의 공간을 차지하는 요소
• inline은 글자로 이루어진 문장들처럼 그 내용이 줄줄이 옆으로 나열되는 요소

https://jsbin.com/jeqelob

그 외에도 여러가지 다른 형태의 요소들도 있으며 이는 CSS에서 display 속성으로 나타난다.

참고자료: https://css-tricks.com/almanac/properties/d/display/

CSS 변수(var)와 javascript

https://jsbin.com/wonecub

참고자료:

• https://eager.io/blog/communicating-between-javascript-and-css-with-css-variables/
• https://developer.mozilla.org/ko/docs/Web/CSS/Using_CSS_variables

GitHub에 웹페이지 호스팅하기

1. 우선 깃헙(GitHub)에 아이디 만들기
2. 윈도우즈나 맥이라면 GitHub Desktop 어플리케이션을 내려받아 설치하면 편리하다 (특히 CLI가 익숙하지 않다면)
3. 아이디.github.io 이름으로 된 저장소(repository)를 만들면 그것이 도메인 이름 된다.
   • 예컨대 내 아이디가 kyagrd가 면 깃헙에 kyagrd.github.io 저장소에 홈페이지 내용을 작성해 놓으면 https://kyagrd.github.io/ 에 나타난다.
   • 나의 저장소도 깃헙에서 제공해 주는 내 홈페이지 도메인 아래에 웹페이지를 만들 수 있다. 예를 들어 이름이 haskell인 내 저장소에 index.html(또는 index.md)에 웹페이지 내용을 작성해 놓으면 https://kyagrd.github.io/haskell/ 에 나타난다.

인프런에 올라온 컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1 강좌 내용 중 깃헙을 이용한 호스팅 관련 영상 참고하기.