Skip to content

0501.md

Latest commit

 

History

History
89 lines (69 loc) · 2.88 KB

0501.md

File metadata and controls

89 lines (69 loc) · 2.88 KB

웹 사이트의 구조

HTML(Hyper Text Markup Language)

  • 구조를 잡는다.(건강한 신체)

CSS(Casecade Style Sheets)

  • html 요소들을 꾸민다.(화려한 스타일)

Javascript

  • 정적인 페이지를 동적으로 변화시켜준다.(스마트한 두뇌)

웹표준(Web Standard)

웹 표준이 되는 과정

  1. Working Draft(WD) : 초안
  2. Candidate Recommendation(CR) : 후보 권고안
  3. Proposed Recommendation(PR) : 제안권고안
  4. W3C Recommendation(REC) : 권고안

웹 표준 관련 도서

제프리 젤드만의 웹표준 가이드

웹 접근성(Web Accessibility)

  • 모든 사용자가 신체적, 환경적 조건에 관계없이 웹에 접근하여 이용할 수 있도록 보장하는것
  • 장애인 차별 금지 및 권리 구제 등에 관한 법률에 의거하여 지켜야 함

1. 신체적인 접근성(장애)

  • 전맹 장애, 저시력자
  • 그 외 신체적 장애

2. 환경에 대한 접근성

  • 다양한 Platfrom
  • Cross Browsing
  • SEO(Search Engine Optimization)
  • 저사양 또는 저속회선

개발환경 세팅

firefox 설치

  • firefox 설치
  • 확장 프로그램 목록
    • firebug
    • web developer
    • headingsmap
    • open wax

git 설치

  • git설치
  • git 초기설정 user.name 과 user.email 설정
  • git 복제하기 데레사님 github 주소
  • git clone https://github.com/seulbinim/FDS04.git 명렁어로 복사
  • cd FDS04 -> 명령어로 디렉토리 변경
  • git checkout -b 4th_school -> 명령어로 브랜치 생성후 변경

Visual Studio Code 설치

  • Visual Studio Code 설치
  • 설치한 확장프로그램 목록
    • open in browser
    • Mithril Emmet
    • HTML Snippets
    • HTMLHint
    • IntelliSense for CSS class names
    • VS Color Picker
    • VS Code CSS Comments
    • Beautify css/sass/scss/less
    • Sass
    • Sass Lint

DOCTYPE의 의미

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • - 는 업계 표준을 의미, +는 W3C표준을 의미

HTML

  • sementic tag list
    <header>, <footer>, <article>, <section>, <nav>, <main>, <aside>
  • <header>와 <footer>는 문서에 여러개 존재해도 되지만 <main>은 항상 한개만 존재해야함
  • <article>은 RSS feed로 배포할 만한 가치가 있는 하나의 완성된 독립적인 컨텐츠인 경우 사용
  • <section>은 1-1, 1-2, 1-3... 형식으로 Section을 구분할 때 사용