HTML을 들어가기전에..

UI (User Interface)

Interface

• 정보를 교환하는 공유 경계
• 로그인 기능
• 검색 기능
• 체크 박스

API (Application Programming Interface)

• 컴퓨터 시스템끼리 정보를 교환하는 공유 경계임.

    - 서버 주소/A(로그인 기능)
    - 서버 주소/B(회원가입 기능)
    - 서버 주소/C(글쓰기 기능)
    - 서버 주소/D(불러오기 기능)

프론트엔드 개발

• HTML, CSS, JS를 사용해 데이터를 그래픽 사용자 인터페이스(GUI)로 변환하고,
  그것으로 사용자와 상호 작용할 수 있도록 하는 것.

HTML (Hyper Text Markup Language)

• 페이지의 제목, 문단, 표, 이미지, 동영상 등 밑의 구조를 담당.

HTML + CSS

• 실제 화면에 표시되는 방법(색상, 크기, 폰트, 레이아웃)을 지정해 콘텐츠를 꾸며주는 시각적인 표현(정적)을 담당.

HTML + CSS + JS

• 콘텐트를 바꾸고 움직이는 등 페이지를 동작시키는 동적 처리를 담당.

웹(Web)

• World Wide Web
• 인터넷에 연결된 사용자들이 서로 정보를 공유할수 있는 서비스임.
• HTML은 웹 서비스에 사용되는 마크업 언어임.

마크업

• 문서나 데이터 구조를 태그(tag) 등을 이용하여 명시하는 언어임.
• 웹 페이지에 표시(mark)를 하는 언어

웹 브라우저에 보이는 화면

• 텍스트, 이미지, 동영상, 오디오 같은 요소를 HTML로 구조화해 담은 문서를
  해석해 보여준 결과임.

네트워크

• 컴퓨터와 컴퓨터를 연결해주는 망.

인터넷

• 이런 망들이 모여서 이룬 더 큰 네트워크

웹의 통신규약 : HTTP/HTTPS

• 요청과 응답이 일어날 떄 웹 페이지 코드가 서버에서 클라이언트로 전달되는데,
  이때 HTTP통신 규약을 이용함.

웹페이지

• 정보를 하이퍼텍스트라는 특별한 양식으로 제공하는 웹 문서임.
• 브라우저는 하이퍼텍스트를 해석해 보여주는 대표적인 클라이언트임.

하이퍼텍스트

• 참조를 통해 클라이언트가 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트임

웹 표준 (Web standard)

• 웹에서 사용되는 표준 기술이나 규칙
• w3c의 표준화 제정 단계의 ‘권고안(REC)’에 해당하는 기술

크로스 브라우징 (Cross Browsing)

• 조금은 다르게 구동되는 여러 브라우저에서, 동일한 사용자 경험
  (같은 화면, 같은 동작)을 줄수 있도록 제작하는 기술, 방법.

특수 문자 용어

  백틱(Backtick), 그레이브(Grave)                :  `
  틸드 (Tilde), 물결표시                         :  ~
  At sign, 앳, 골뱅이                           :   @
  캐럿(Caret)                                   :  ^
  하이픈(Hyphen), 대시(Dash), 마이너스           : -
  언더스코어(Underscore), 로대시 (low dash), 밑줄: _
  콜론(Colon)                                   : :
  세미콜론 (Semi colon)                         : ;
  백슬래시 (Backslash), 열 슬래시, 백 슬래시      : \
  소괄호, 퍼랜서시스(Parenthesis)                : ()
  중괄호, 브레이스(Brace)                        : {}
  대괄호, 브래킷(Bracket)                        : []
  앵글 브래킷, 꺽쇠괄호 (Angle Bracket)          : <>

오픈 소스 라이언스

오픈소스

• 어떤 제품을 개발하는 과정에 필요한 소스코드나 설계도를 누구나 접근해서
  열람할 수 있도록 공개하는 것.

Apache License

• 개인적/상업적 이용, 배포, 수정, 특허신청이 가능.

MIT License

• 메사추세츠공과대학에서 개발한 라이센스

BSD License

• Berkely Software Distribution
• 버클리 캘리포니아대학에서 개발한 라이센스.