기본 콘텐츠로 건너뛰기

웹 어플리케이션이 나오기까지

이번 시간엔 웹 어플리케이션이 나오게 되기까지 과정을 알아보자.

데스크톱 애플리케이션

1. PC에 설치되어 실행되 웹 애플리케이션 보다 실행속도가 빠름.
    - office, 컴퓨터 게임 등등...
2. 문제점
  - 배포의 번거로움.
  - 보안에 취약 : 데이터 베이스에 접근할 때 취약 가능성
  - 애플리케이션 실행할 때 먼저 서버에 갱신된 버전이 있는지 조회 후 실행하면 어느정도 해결됨.
  - 단 보안에 취약...
 

클라이언트'서버 애플리케이션

  - 애플리케이션의 기능을 서버와 클라이언트로 분리.
  - 장점
    - 새로 프로그램이 수정 되도 서버 쪽만 변경하면 됨.
    - 기능 변경/추가에 유연하게 대처가 됨.
  - 문제점 개선 방안
    - 한번에 하나의 클라이언트 하고만 연결 됨.
    - 멀티 프로세스와 멀티 스레드로 위 문제를 해결한다.
  - 멀티 프로세스와 멀티 스레드
    - 멀티 프로세스는 원본 프로세스의 메모리를 모두 복제해 자원 낭비가 심함.
    - 멀티 쓰레드는 전체 메모리를 복제할 필요가 없음.
   

다중 클라이언트 요청 처리

  - 클라이언트의 요청 처리 부분을 별도의 작업으로 분리
  - 분리된 작업은 스레드에 정의
  - 다중 클라리언트 요청이 병행 처리됨.
  - C/S 환경의 프로그래밍이 복잡해지는 문제가 생김.
 

클라이언트'서버 아키텍처의 진화

1. 전통적인 클라이언트'서버 아키텍처
    - 서버는 데이터 처리를 맡고 클라이언트는 UI와 비즈니스를 처리했다.
    - 단점
        - 프로그램이 변경되면 PC에 다시 설치해야됨...
        - 클라이언트가 DBMS로 바로 접속해 보안 문제 발생.
       
2. 개선된 클라이언트'서버 아키텍처
    - 클라이언트의 업무 처리부분은 서버로 이관.
    - 클라이언트는 오직 UI만 담당.
    - 서버로부터 결과를 받으면 클라이언트에서 화면을 꾸며 뿌려줌.
    - 애플리케이션 서버?
        - 업무를 전담하게된 서버를 애플리케이션 서버라 부른다.
        - 클라이언트로부터 요청을 받으면 업무 로직에 따라 DBMS 서버를 사용해 데이터를 처리.
        - 클라이언트 접근제어도 함꼐 처리.
    - 서버에 기능이 변경 되도 바로 클라이언트에 적용할 수 있다.

웹 애플리케이션 아키텍처

1. 특징
    - 클라이언트와 통신은 웹 서버가 전담
    - 애플리케이션 서버는 애플리케이션 서버 실행 및 관리에 집중.
    - 비즈니스 로직과 UI 로직을 모두 서버에 배치되 추가 변경되도 서버만 바꾸믄 된다.
    - 단 웹 환경에선 애플리케이션 실행할 때마다 UI로직을 내려받기 때문에 오버헤드 발생.
    - 멀티 스레드 부분을 웹 브라우저와 웹 서버가 알아서 해줌.
   
2. 서버쪽
    - HttpServlet 클래스르르 상속받고 있다.
    - doGet() / doPost()를 재정의 한다.
   
3. 화면관련 오버헤드는 어떻게 극복할까?
    - AJAX
        - 같은 화면에서 데이터만 바뀔 때 서버에 UI 전체를 받아오기 보다, 데이터만 받아온다.
         
웹 처음 시작할 때 보았던 부분인데, 웹을 처음 시작할 당시 아 이렇구나.. 라는 감만 있었다.
양파껍질 스터디를 하고, 또 여러 프로젝트를 진행한 결과 웹 애플리케이션의 흐름이 한눈에 들어오기 시작했다.
 결론은 프로젝트도 많이 하고 책도 많이 읽고, 시간 지나고나서 느낌 좋았던책 다시 읽어보자!

끝~!!

댓글

이 블로그의 인기 게시물

[고량주] 라오왕 연태고량주 플러스

나에게 처음 고량주란 이런것이다 라는걸 알려준 녀석이다. 부모님이 중국집을 하다 보니 가끔 초록색병 고량주를 먹었을때  역한 공업용 알콜 맛에 고량주는 나랑 안맞는다 생각했다가 우연히 양고기에 이녀석을 접한 뒤로 고량주의 맛을 알아버렸다... 제품명 : 라오왕 연태고량주플러스 제품유형 : 일반증류주 도수 : 34.2% 가격 : 9000원(홈플러스 익스프레스 기준) 재구매 의사 : 있다 시음평 : 역시 고량주 특유의 향인데, 열대과일 향도나고, 배향, 살짝 달달한 향이 난다.            목넘김은 34.2%에도 불구하고 그리 힘들지 않았다(주당이 된걸수도..)             중국요리나 양꼬치집에서 맛있는 술이 땡긴다면 강력추천한다.

윈도우 트랙패드로 데트스탑화면 전환

코딩 작업용으로 맥북 트랙패드 사용하다 윈도우에서 마우스 없이 트랙패드로만 사용하려니 이것저것 만지다가 새로운 기능을 발견했다. 1. 새로운 데스크 탑을 만드는 2가지 방법   1) 바탕화면에서 'ctrl' + '윈도우' + 'd'      - 세버튼을 동시에 누르면 새로운 데스크톱 화면이 생성된다.      2) 트랙패드에서 손가락 세개를 사용해 위 방향으로 스크롤      - 위와 같은 화면이 나오는데 우측 하단에 '새 데스크톱'을 클릭하면 추가가 된다. 2. 트랙패드로 데스크톱 화면을 이동하는 2가지 방법   1) 'ctrl' + '윈도우' + 방향버튼(<-(좌) , ->(우))     - 위 버튼을 누르게 되면 데스크톱 화면이 전환이 된다.   2) 트랙패드에서 손가락 네개를 이용해 좌우로 이동     - 위와 같이 데스크톱 화면이 전환이 된다.   3) 세손가락으로 화면 전환은 안될까??     - 곰손인 내가 아기자기한 씽크패드13 같은 트랙패드가 작은 것에서 손가락 4개로 화면전환은 불편함이 있다.😥     - 다음과 같은 설정 방법으로 데스크톱 화면을 전환 할 수 있다.       1>'윈도우키' --> '설정'  --> '장치' --> '트랙패드' --> '세손가락제스처'     - 손가락 제스처 콤보박스를  '바탕화면 전환 및 바탕화면 표시' 로 바꿔주면 손가락 세개로 화면 이동이 가능하다. 마우스를 사용하게 되면 집중력이 떨어진다는 속설(??)이 있어서 최근 마우스를 사용하려 하지 않으려고 한다. 윈도우에서도 이런 꿀팁을 발견하게 되어 개발에 한층 더 집중 할...

[스프링부트2.0 낚시게시판] 01. 프로젝트 생성 및 환경을 세팅해 보자

첫번째. 이클립스에서 프로젝트를 생성해 보자. 빠밤! 1. 이클립스 실행하고 프로젝트 생성하기  - 이클립스 실행 후 File -> New -> Spring Starter Project클릭 ( 부트는 Spring Starter Project로!! )        해당 프로젝트 설정을 본인의 입맛에 맞게? 해주자. 처음엔 저와 똑같이 하는게 삽질(?)의 노고를 덜 수 있으니 저 같은 초보 개발자 분들이나 이제 막 공부를 시작 하셧다면 위와 가이 설정 하는걸 추천.  - New Spring Starter Project Dependencies    - Spring Boot Version : 2.0.2    - Core : DevTools, Security, Lombok 클릭    - Web : web  클릭    - SQL : JPA, H2 클릭    - template Engines : Mstache   --> 타임리프(요즘 회사에서 많이 쓴다고해서)   - 그다음 다음 -> Finish 클릭하게 되면 Maven에 관한 프로젝트가 생성된다.   처음엔 메이븐 디펜던시부분을 받느라 시간이 걸릴수 있다. 프로젝트 구조는 스프링과 별반 차이가 없어 보인다 프로젝트 구조 관련해선 조만간 포스팅 해봐야 겠다. (요즘 책 읽을 시간도 없어서...😂) 두번째. 실행을 해보자.  스프링 부트2.0의 특징은 자체적으로 톰켓이 내장 되어 있어 따로 톰켓을 설정하는 부분이 없어서 아주 매우 편안하게 되었다.    - 실행은 src/main/java 밑에 com.fishing.board 패키지 밑에 FishBoardApplication.java 오른쪽 클릭 후...