0. 시작

1. 웹 프로그래머란?

웹프로그래머는 이용자의 요구와 사용목적 등을 고려하여 새로운 인터넷 사이트를 개설하고 인터넷 사이트상에서 요구되거나 서비스되는 각종 프로그램을 개발한다. 논리 흐름도와 다이어그램을 사용하여 프로그램을 분석, 검토하고, 세부 논리 흐름도를 프로그래밍 언어로 전환시킨다. 웹과 데이터베이스를 연동시키기 위한 프로그램을 작성하며, 사용자의 요구에 맞춰 프로그램을 개발 및 개정한다.

웹사이트 상의 문제점을 확인하고, 프로그램상의 오류를 수정한다. 기존 프로그램을 웹 상에서 데이터베이스와 연동시키고, 웹 사이트에서 운영될 각종 응용 프로그램을 개발하며, 사용자가 요구하는 기능을 제공하기 위한 프로그램을 작성한다.

출처 : [네이버 지식백과] 웹프로그래머 (한국직업능력개발원 직업사전, 한국직업능력개발원)

2 . MVC 패턴

모델-뷰-컨트롤러(Model–View–Controller, MVC)는 소프트웨어 공학에서 사용되는 아키텍처 패턴이다. 이 패턴을 성공적으로 사용하면, 사용자 인터페이스로부터 비즈니스 로직을 분리하여 애플리케이션의 시각적 요소나 그 이면에서 실행되는 비즈니스 로직을 서로 영향 없이 쉽게 고칠 수 있는 애플리케이션을 만들 수 있다. MVC에서 모델은 애플리케이션의 정보(데이터)를 나타내며, 뷰는 텍스트, 체크박스 항목 등과 같은 사용자 인터페이스 요소를 나타내고, 컨트롤러는 데이터와 비즈니스 로직 사이의 상호동작을 관리한다.

        모델, 뷰, 컨트롤러의 관계를 묘사하는 간단한 다이어그램. 주: 굵은 선은 직접적인 관계를, 점선은 간접적인 관계를 나타낸다

컨트롤러는 모델에 명령을 보냄으로써 모델의 상태를 변경할 수 있다. (예: 워드 프로세서에서 문서를 편집하는 것) 또, 컨트롤러가 관련된 뷰에 명령을 보냄으로써 모델의 표시 방법을 바꿀 수 있다. (문서를 스크롤하는 것)

모델은 모델의 상태에 변화가 있을 때 컨트롤러와 뷰에 이를 통보한다. 이와 같은 통보를 통해서 뷰는 최신의 결과를 보여줄 수 있고, 컨트롤러는 모델의 변화에 따른 적용 가능한 명령을 추가·제거·수정할 수 있다. 어떤 MVC 구현에서는 통보 대신 뷰나 컨트롤러가 직접 모델의 상태를 읽어 오기도 한다.

뷰는 사용자가 볼 결과물을 생성하기 위해 모델로부터 정보를 얻어 온다.

출처 : 위키백과

＃ 모델 1 방식  

3 가지의 모든 영역이 혼합되어 사용되며, 모든 비지니스 로직이 들어가있다. 확장성, 재사용성이 좋지 않다.

＃ 모델 2 방식

프로그램 수행 부분과 요청 결과 페이지를 분리. 3가지 영역을 분리해서 유지보수의 용이성과 학장과 재사용성 향상

View -> Controller -> Model ->Controller 

3 . 기초지식

1). HTML ( Hyper Text Markup Language)

  - 웹 페이지를 위한 지배적인 마크업 언어

※ 마크업 언어 : 태그등을 이용하여 데이터의 구조를 명기하는 언어의 한가지.

2). CSS (Cascading Style sheets)

  - 마크업 언어가 실제 표시되는 방법을 기술하는 언어

3). JS (Java Script)

  - 웹브라우저 내에서 사용하는 객체 기반의 스크립트 언어

※ 웹브라우저: 웹 서버에서 쌍방향 통신하는 HTML 문서나 파일과 연동하고 출력하는 응용 소프트웨어

               - 종류 : IE(인터넷 익스플로러) , chome, firefox,safari 등..

4). JSP (Java Server Page)

  - HTML 내에 자바 코드를 삽입하여 웹 서버에 동적으로 웹 페이지를 생성하여 웹브라우저로 돌려주는 언어

5). PHP (PHP Hypertext Preprocessor)

  - 동적 웹 페이지를 만들기 위해 설계 된 프로그래밍 언어