왜 스프링 부트를 쓰는가? 일반 Spring(Spring MVC)랑 뭐가 다른가?

Spring Boot 는 내장WAS(Embedded Container)를 가지고 있다.

 - 개발과 운영 환경의 WAS(ex.Tomcat) 설정이 달라 안돌아가는 일이 없어진다. 안정된 실행환경 제공.

Dependency 버전 호환성 문제가 해결된다.

 - spring 프로젝트 설정하면서 dependency 버전때문에 고생한게 지난주.. 또르르

 - 최초 설정시에 난이도가 줄어듬.

일반적으로 쓰이는 설정의 기본제공

 - Spring Boot는 별도 절정을 하지 않으면 기본설정대로! 설정된다. 

기존 Spring Framework는 설정해야 하는것들이 너무많고 버전도 너무많고 기능자체도 방대하고..

Spring Boot는 나같은 스프링 초심자에게 비교적 쉬운 진입장벽을 제공하는듯 하다.

여러 좋은 점 들이 있지만 규모가 큰 프로젝트에는 Spring Framework를 사용해 WAS에 배포하는게 좋다고합니다.

웹서버

 - 아파치(apach) = http웹서버 = http요청을 처리 (GET,POST,PUT,DELETE)

 - HTML,CSS 등 정적 데이터 처리

WAS (Web Application Server)

 - Tomcat, JBOSS ...

 - DB와 연결하여 데이터 주고받는 동적 데이터 처리

동작 프로세스

                           요청                                          웹서버+웹컨테이너

클라이언트    -------------------->  웹서버   ------------------->  WAS----------------------------> 서블릿

                               (동적데이터 - WAS로 넘김)            (1.web.xml 참조. 쓰레드생성 및 httpServletRequest, httpServletResponse 객체 생성) 

                (정적데이터 - 웹서버가 응답)                                        (2.서블릿 호출 -> 3.호출된 서블릿 작업 담당 쓰레드는 doGet(), doPost() 호출 

                                                                                                               -> 4.생성된 동적 페이지를 Response객체에 담아 컨테이너에 전달)

                                                                              (5.전달받은 Response객체를 HTTPResponse로 변환해서 웹서버에 전달 -> 쓰레드종료)

신입 프로그래머를 위한 자바 스프링 (Spring) 프레임워크 강좌 - 블스님

https://www.inflearn.com/course/%EC%9E%90%EB%B0%94-%EC%8A%A4%ED%94%84%EB%A7%81-%EA%B0%95%EC%A2%8C/

총 30강

1일차 (완료) 2018.07.10

1 ~ 12강

2일차 (완료) 2018.07.13

13 ~ 18강

3일차 (예정)

19 ~ 24강

4일차 (예정)

25 ~ 30강

TCP/IP 프로토콜에 대하여

TCP/IP 프로토콜은 TCP 프로토콜과 IP프로토콜을 함께 부르는 이름이다.

- IP

  IP 프로토콜은 네트워크에 연결된 개개의 컴퓨터에 유일한 주소를 붙이는 규칙을 정의하는 프로토콜이다.

  IP 프로토콜에 의해 컴퓨터에 붙여지는 주소를 IP address 라고 한다.

  IP 주소 확인은 윈도우 운영체제에서 명령 프롬프트창에 ipconfig 입력.

  IP 주소는 마침표로 연결된 4개의 정수로 구성.

  고정 IP는 컴퓨터를 재부팅해도 항상 같은 IP주소.

  유동 IP는 컴퓨터를 재부팅하면 다른 IP주소가 나올 수 있음.

  통신 프로그램이 대상 컴퓨터를 찾을 때에 이 IP주소를 이용한다.

  통신 프로그램이 실질적으로 데이터를 교환하는 대상은 컴퓨터가 아니라 프로그램이다.

- port

  네트워크 통신을 하기 위해서는 상대 컴퓨터에서 작동중인 여러 프로그램들 중 하나를 식별할 수 있어야한다.

  그런 식별은 운영체제에서 관리하는 포트를 통해 가능.

  port란 네트워크를 통해 데이터를 주고받는 가상의 출입구.

  포트번호 0~65535 범위의 정수.

  IP 주소와 함께 포트 번호를 사용하면 통신할 대상이 되는 프로그램을 찾을 수 있다.

  포트번호 확인 명령어 netstat

  0~1023 시스템이 사용하는 포트번호.

  1024~ 응용프로그램에서 사용

  서버프로그램은 포트를 열어놓고 연결 요청이 오기를 기다림.

  클라이언트 프로그램은 그 포트로 연결 요청을 보냄.

자료구조 (data structure)

  데이터를 효율적으로 사용할 수 있도록 구조를 만들어서 저장해둔 것.

  데이터의 효율적 사용이란 데이터 추가, 삭제, 검색에 있어서의 효율적 사용을 말한다.

자료구조의 종류

  List : 데이터를 1차원으로 늘어놓은 형태의 자료구조.

         리스트는 배열과 달리 데이터의 검색과 추가, 삭제가 가능하다.

         Array List, Linked List

  Stack : 1차원 구조

            마지막에 넣은 데이터부터 순서대로 꺼낼 수 있다.

            Last In First Out.

  Queue : 1차원 구조

             들어온 순서대로 데이터를 꺼낼 수 있다.

             First In First Out.

  Hash Table : 번호가 붙은 여러 개의 통에 데이터를 분산저장.

                   데이터를 검색할 때는 일정한 공식에 따라 키 값을 가지고 통 번호를 바로 계산. 빠른 데이터 검색 가능.

                   데이터를 key로 검색 가능.

  Set : 같은 데이터가 중복 저장되지 않음.

JDK 라이브러리의 자료구조 클래스

  List : ArrayList, LinkedList, (Vector)

  Stack : LinkedList, (Stack)

  Queue : LinkedList

  Hash Table : HashMap, (Hashtable)

  Set: HashSet

인프런 강좌 - 실습 UI 개발로 배워보는 순수JS 와 VueJs 개발

https://www.inflearn.com/course/%EC%88%9C%EC%88%98js-vuejs-%EA%B0%9C%EB%B0%9C-%EA%B0%95%EC%A2%8C/

끝!!!

강좌 교육과정

인프런 강좌 - 실습 UI 개발로 배워보는 순수JS 와 VueJs 개발

https://www.inflearn.com/course/%EC%88%9C%EC%88%98js-vuejs-%EA%B0%9C%EB%B0%9C-%EA%B0%95%EC%A2%8C/

props: ['data', 'tabs'] // 부모의 데이터를 받아옴

this.$emit('@change', data) // 부모에게 이벤트를 보냄

watch: name(newVal, oldVal){} // 이벤트 지켜봄. 데이터 변경시 앎.

computed: name(){return aa===1} // v-if="aa===1" --> v-if="name"

부모, 자식 컴포넌트 데이터 넘겨주고 하는거 아직도 익숙하지 않음.

실습 혼자 못깼음. 

공식문서에 computed 계산된 속성(?) 이라고만 나와있어서 도무지 뭔말인지 몰랐는데 이제 어떻게 쓰는건지 좀 알겠다.

강좌가 몇개 남지 않았어!

강좌 교육과정

인프런 강좌 - 실습 UI 개발로 배워보는 순수JS 와 VueJs 개발

https://www.inflearn.com/course/%EC%88%9C%EC%88%98js-vuejs-%EA%B0%9C%EB%B0%9C-%EA%B0%95%EC%A2%8C/

확실히 매일매일 하니까 vue js가 좀 익숙해 진것 같다.

오늘은 component 구현 들어갔는데 

컴포넌트는 확실히 좀 어려움

아직 컴포넌트간 데이터, 이벤트 주고받는게 어색함

강좌 교육과정

인프런 강좌 - 실습 UI 개발로 배워보는 순수JS 와 VueJs 개발

https://www.inflearn.com/course/%EC%88%9C%EC%88%98js-vuejs-%EA%B0%9C%EB%B0%9C-%EA%B0%95%EC%A2%8C/

오늘 드디어 vue 구현에 들어갔다.

조금 해보니 확실히 순수js만 썼을 때 보다 코드 양도 줄고 간단하고 편리한 느낌이다.

실습도 100% 클리어했다.

장하다 나!

강좌 교육과정

인프런 강좌 - 실습 UI 개발로 배워보는 순수JS 와 VueJs 개발

https://www.inflearn.com/course/%EC%88%9C%EC%88%98js-vuejs-%EA%B0%9C%EB%B0%9C-%EA%B0%95%EC%A2%8C/

강좌 교육과정