[TIL - 201117] HTML / CSS

jaylight·2020년 11월 17일
0

Session

Internet & WEB

  • Internet: Network, Infrastructure
    - 개발: 미국, 군사목적, 강인한 통신시스템 개발 (1960)
    - 물리적으로 떨어져 있는 서버와 서버 간 연결을 가능하게 함
  • WEB: 인터넷을 통해 접근할 수 있는 정보들의 집합
    - 개발: 스위스, 연구 및 지식공유 목적 (1990)
    - 일반적으로 생각하는 인터넷, 인터넷의 대중화를 이루게 함

인터넷을 통해 유통의 혁신이 발생
☞ 웹 기반 서비스를 통한 유통의 혁신 → 많은 개발자들의 창업 → 닷컴붐(2000년대): 야후, 구글 등 출현

WEB 시스템 구조의 발전

  • (1세대) 전통적 Web System Architecture
    - 초창기 웹사이트는 단순한 정보 제공 위주
  • (2세대) User Interface 증가, 동적 웹(자바스크립트)
    - 자바스크립트의 일부가 사용되어 동적인 요소들이 도입되기 시작
  • (3세대) SPA, Front/Back End의 구분
    - SPA(Single Page Application)의 등장
    - 프론트엔드와 백엔드가 구조적으로 분리되면서, 프론트엔드 서버와 백엔드 API 서버가 분리
  • (Modern WEB) 규모가 커지기 시작한 WEb System의 발전
    - 유저인터페이스의 중요성 증가
    - 웹 서비스의 복잡성 증가
    - 사용자, 데이터 양의 증가

Modern Development Team

  • Product Manager(기획자)
  • Designer
  • Frontend Developer
  • Backend Developer
  • DevOps
  • SysOps
  • Data Scientist
  • Data Engineer
  • Tester
    [other]
  • Full Stack Developer
  • Project Manager
  • Scrum Master
  • Software Architecture

HTML/CSS

Table

<table>
  <tr>
    <th>head 1</th>
    <th>head 2</th>
    <th>head 3</th>
  </tr>
  <tr>
    <td>Row 1, column 1</td>
    <td>Row 1, column 2</td>
    <td rowspan="3"> Row 1&2&3, column 3</td>
  </tr>
  <tr>
    <td>Row 2, column 1</td>
    <td>Row 2, column 2</td>
  </tr>
  <tr>
    <td colspan="2">Row3, column 1&2</td>
  </tr>

Input

Position

Layout

Responsive Web

0개의 댓글