[인프런]따라하면서 배우는 웹애플리케이션 만들기

출처 : 따라하면서 배우는 웹애플리케이션 만들기

강좌 : 생활코딩 이고잉님

오리엔테이션

-웹애플리케이션/웹앱/웹사이트/홈페이지 만들기

-프로그래밍이 무엇인가

웹

- 오늘날 가장 중요

- 다양한 기술들을 배울 수 있다(배워야 한다)

- 낮은 진입장벽 : HTML은 쉽다

인터넷

인터넷과 웹의 차이점

Client/Server 어떻게 데이터를 주고 받으며 웹이 구동되는가

클라이언트에서 동작하는 기술 : HTML, CSS, Javasript

서버에서 동작하는 기술 : 미들웨어(PHP), 데이터베이스(MySQL), 웹서버

----

구상

예 : 생활코딩 오픈튜토리얼 웹사이트

오프라인 강의 : 유한하다

블로그 : 최신 컨텐츠 순 정렬. 한편한편 독립된 컨텐츠를 가진 방식에 유리. 선행과 후행이 있는 방식에는 적합하지 않다고 판단

-> 오래된 순 정렬. 사이트를 만들기로 결정

참고 : ㅋㅋㅋ 전략

----

기획 : 어떻게 동작해야 하는가?

UI모델링

UI : User Interface : 사용자 + 접점 => 사용자가 시스템을 제어하는데 사용되는 조작장치 : 포괄적인 개념이다

모델링 : 직접 만들기 전에 가상으로 만들어 보는 것

UI모델링 : 사용자 입장에서 동작하는 기능을 가상으로 만들어 보기

중요한 이유 : 커뮤니케이션 때문. 무엇을 만들것인지 분명하게 공유하기 위해

모델링 도구

- 손그림

- Pencil(오픈소스) : http://pencil.evolus.vn/

- balsamiq(유료) : https://balsamiq.com 

- PowerPoint : 기획자들이 가장 많이 사용

---

인터넷과 웹의 역사

인터넷과 웹의 차이

인터넷 > 웹

운영체제 > 애플리케이션

도시 > 집한채

인터넷 위에서 돌아가는 기술들(FTP, 웹, 이메일 ...)

역사

1960년대 : 인터넷 등장

1990년대 : 웹 등장

인터넷 : 전세계에 깔려있는 거대한 네트워크

웹 : 이 네트워크를 활용해서 HTML을 컴퓨터간에 주고 받을 수 있도록 한 서비스

팀 버너스리 : 웹 창시자

유럽입자물리연구소에서 효율적으로 주고 받을 수 있게

퍼블릭 도메인 라이센스로 외부에 완전히 공개함

초창기

웹브라우저 개발

웹서버라는 소프트웨어도 개발

각자 데이터를 주고 받았다. 그 과정에서 사용되는 통신 규약인 http를 팀 버너스리가 개발.

웹페이지도 개발. 

골격

웹브라우저와 웹서버와의 관계

html이라는 언어

---

서버와 클라이언트

클라이언트 : 웹브라우저가 설치되어 있는 컴퓨터

서버 : 웹서버가 설치되어 있는 컴퓨터

1. 브라우저에서 주소를 치면

2 웹브라우저의 컴퓨터에서 서버 컴퓨터로 우리가 원하는 웹페이지를 요청한다. 

3 웹 서버 소프트웨어가 요청을 받아서 저장되어 있는 그 웹 페이지 문서를 읽어서 클라이언트 컴퓨터로 쏴준다(응답). 

클라이언트 서버 개념은 웹 뿐만아니라 게임, 앱 등에서도 적용 가능

준비물

- 웹브라우저

- 웹서버

웹서버

아파치(Apache), 엔진엑스(nginx), 아이아이에스(iis)

아파치(Apache) : 오픈소스

엔진엑스(nginx) : 오픈소스

아이아이에스(iis) : 마이크로소프트

아파치 http://httpd.apache.org/

서버 소프트웨어들을 apache, php, mysql을 한번에 설치하는 bitnami를 사용

----