01. Introduction.md

OT

 <Client>                    <Server>  

   HTML                     미들웨어(php)   
   CSS       ㅡ인터넷ㅡ   데이터베이스(mySQL)
JavaScript                
웹 브라우저                    웹 서버

수업 목적

Client와 Server가 어떻게 데이터를 주고 받으며 웹이 구동되는가.
이 강의 완주 후 부분별 자세한 강의를 들으면 될 것.

수업 소개

DataBase 안에 저장되어 있는 정보를 php 라는 것을 통해 읽어와서 HTML/ CSS/ JavaScript 라는 기술들을 이용해서 화면에 표시함.

요즘 인기 있는 반응형 웹 : 모바일, TV 등 사용자의 화면 크기에 따라서 적당하게 컨텐츠의 모양이나 형식이 변경되는 웹.

웹 어플리케이션을 만드는 순서

구상 ㅡ 기획(계획) ㅡ 디자인 ㅡ 개발 ㅡ 테스트(QA) ㅡ (다시)구상 ㅡ ... 반복!

개발 = Development = Programming = Engineering = 실제 서비스가 동작되도록 하기
테스트 = 버그 찾기

구상부터 테스트까지 반복작업
따라서 Start Small 을 하라! 작게 시작해서 끊임없이 개선해 나가자.

구상& 기획

UI란?
User Interface. 사용자가 시스템을 제어하는 조작 장치.

UI 모델링 이란?
사용자의 입장에서 동작하는 기능을 가상으로 만들어 보기. 즉, 무엇을 만들고자 하는지를 분명하게 서로 공유하기 위한 도구.

기획 도구들 :

• Pencilㅡ 오픈소스 모델링 도구
• balsamiqㅡ 유료 모델링 도구
• Powerpointㅡ 모델링하는데 쓰기도 함. 꽤 유용.
• 손그림ㅡ 직접 그리기

인터넷과 웹의 역사

인터넷과 웹은 다를까요? YES.

1960년대 : 인터넷 등장.
1990년대 : 웹 등장.

인터넷 : 데이터를 주고 받을 수 있는 전세계에서 가장 거대한 네트워크.
웹 : 인터넷을 활용해서 웹페이지(HTML)를 컴퓨터와 컴퓨터가 주고 받을 수 있도록 고안된 서비스.

팀 버너스리 : 웹 창시자.

                   HTML(언어)
웹 브라우저 <─────────────────────────> 웹 서버
                 HTTP(통신규약)

• 웹 브라우저와 웹 서버의 관계
• 웹 페이지를 만드는 언어

이제 이 두 가지를 잘 배우도록 하자.