웹 문서 마크다운 이해 및 기본 경로 파악

Markdown이란?

• 추가 기능 세팅
  • wheel : 마우스 휠 + ctrl 을 이용하여 코드의 크기 확인
  • tab : 코드 들여쓰기 기능이 space 2로 고정처리 하는 것이 좋음
  • word wrap : 텍스트 크기가 보이는 영역이 넘치는 경우 자동으로 줄바꿈 처리
  • 텍스트 기반의 마크업 언어 ⇒ 웹상의 워드 문서
  • html로 변환 가능
  • 특수기호와 문자를 이용한 매우 간단한 구조의 문법을 사용해 웹에서도 인식 가능
  • 소스코드 설명, 이슈 등을 간단하게 기록하고 가독성을 높일 수 있음.
  • 확장자명 : md
• 제목 : h1 ~ h6 : # 개수##두번째 중요한 제목
• ######가장 작은 제목
• #가장 중요한 제목
• 구분 : 위 내용과 구분하기 위해서는 - 연속으로 3개 작성
• 내용
  • 줄 바꿈 할 때에는 <br /> 사용
  • 단락 바꿈은 enter키 두 번
  • 내용의 요약 정리 및 설명, 참고 표기시 > 사용
  • 글 내용 강조
    • 굵은 글씨 : **
    • 기울임 : *
    • 취소선 : ~~
    • 코드 형태 : ``
• 목록
  • 순서가 있는 경우에는 앞 말머리에 숫자. 표기
  • 순서가 없는 경우에는 앞 말머리에 - 표기
  • 하위목록, 상위목록 레벨 설정 가능
• 링크 : [해당 페이지에 대한 설명](이동할 페이지의 주소)
• 이미지 :  → jpg, png, svg 파일 호환 가능

---

경로

• 절대 경로 : 파일 또는 웹페이지가 가지고 있는 고유한 경로
  • c:/program/...
  • http://naver.com
• 상대 경로 : 작업되고 있거나, 기준이 되는 곳을 기준으로 찾아가는 경로
  • / : 루트(설정 최상위-절대경로)
  • ./ : 현재 위치
  • ../ : 현재 위치의 상단 폴더
  ex) ./../z_work/index.html

---

파일 확장자

*.md : 웹 상의 문서를 제작하여, 쉽게 내용을 파악할 수 있도록 제작한 문서 및 확장자

*.html : 웹문서를 구성하는데 필요한 문서 및 확장자

*.css : html 문서의 구조를 레이아웃 구성 및 디자인작업 시 필요한 문서 및 확장자

*.js : html와, css의 구성을 제어 및 기능을 수행하기 위한 문서 및 확장자