🌊 Spring Boot 시작하기

※ 이 글은 코드프레소 체험단 활동을 하면서 만들어졌습니다.
※ Spring Boot 웹개발 입문 강의입니다.
※ 코드프레소 바로가기

Spring Framework 소개

Spring Framework 장점

• 경량화된 Java Framework
• POJO의 사용으로 재사용 가능한 코드 개발 가능
• DI와 AOP의 적용
• Transaction 관리의 편의성
• MVC 아키텍처의 지원
• 테스트가 용이함
• 높은 보안성
• 방대한 프로젝트
  - Spring Framework 은 22개 카테고리의 수 백개의 프로젝트를 보유
  - 대규모의 웹 애플리케이션 개발.운영을 위한 거의 모든 기술을 제공
• 끊임없는 개선
  - 최근 SW 시스템은 점점 거대해지고 복잡해지고 있음
  - 더 나은 SW시스템을 위한 다양한 기술과 아키텍처가 소개됨
  (마이크로서비스 아키텍쳐,NoSQL,클라우드 컴퓨팅 및 컨테이너)
  - Spring Framework는 변화하는 기술에 빠르게 대응하여 꾸준히 새 프로젝트를 출시함

Spring Framework 단점

• 높은 러닝 커브
  - Bean,DI,AOP, 객체지향 설계, 디자인패턴 등 다양한 개념 이해 필요
  - Spring Framework은 엔터프라이즈 급 대규모 서비스 개발을 위한 목적으로 개발
  - SW의 유연한 확장성을 위해 다양한 기술등리 내포되어있음
• 복잡한 설정
  - "Spring Framework은 XML 지옥이다."
  - 간단한 웹어플 개발을 위해서도 상당한 수준의 설정이 필요
  - Spring Boot가 출시하며 문제해결

Spring Boot란?

• Spring Framework를 보다 손쉽게 활용할수 있게 지원하는기술
  - Spring Framework를 기반으로함
• 설정, 의존성관리, 애플리케이션 모니터링, 서버의 실행 등을 가볍고 빠르게 수행 가능

Spring Boot의 주요 기능

• 설정 간편화를 위한Auto Configuration
• 의존성 관리를 위한 Starter Project
• 배포 프로세스 간소화를 위한 Embedded WAS
• 애플리케이션의 모니터링을 위한 Actuator

웹 서비스 개발과 Web FrameWork의 이해

SW Framework

• SW 개발을 효율적으로 하기 위한 반제품
• 특정 분야의 SW 개발에 필요한 공통 기능을 제고
• 사용자는 FrameWork에 필요한 기능을 추가하여 전체 어플을 완성

나의 첫 Spring Boot 애플리케이션

Spring Boot 애플리케이션 개발및 실행순서

• spring initializr를 활용한 Spring Boot 프로젝트 생성 및 다운로드
• 다운로드한 Spring Boot 프로젝트를 IntelliJ에서 Import
• 추가 코드 개발
• Spring Boot 애플리케이션 실행
• 웹 브라우저 또는 Postman을 활용하여 테스트

IP와 Port의 이해

Port 주소

• IP 주소가 특정 호스트 (기기) 까지의 주소라면, Port는 호스트 내부의 프로세서의 네트워크 주소
• Port 주소는 호스트에서 0~65535까지 사용가능
• 호스트 내부에서 Port주소는 유일해야 함

HTML

Hypertext Markup Language

• Hypertext
• 링크를 통해 모든 문서가 연결되어 있는구조
• 일반적인 텍스트의 순차적인 구조를 뛰어넘은 비 순차적 접근법
• Markup -> 텍스트를 구조적으로 표현하는 방식
• Hypertext -> 서로 연결 될 수 있고
• Markup -> 정보를 구조적으로 표현하는
• Language -> 프로그래밍 언어
• HTML은 정보를 구조적으로 표현하기 위해 Tag 라는 개념을 사용

HTML Tag

HTML 기초 Tag

Heading

• 제목 또는 부제목을 표시할 때 사용
• h1~h6 존재, 숫자가 작을수로 폰트크기가 큼
• 자동을 줄바꿈 적용

Paragraph

• 문단으로 표현할때 사용
• p,/p로 사용
• 문단의 첫 줄 위에 줄 바꿈이 적용됨

Line Break

• HTML은 줄 바꿈이 적용되지 않음
• 문장 사이에 줄 바꿈을 적용하기 위해서는 Line Break 적용 필요
• br 사용

Bold

• 특정 문자를 강조
• 2종류의 Tag 사용 가능
  - b,/b 단순 bold 처리
  • strong,/strong 중요한 text표시 (웹 접근성, 음성강조등)

Italic

• 특정 문자를 이탤릭체로 변환
• 2종류의 Tag 사용 가능
  - i,/i 단순 Italic 처리
  • em,/em 중요한 text표시 (웹 접근성, 음성강조등)

Underline

• 특정 문자에 언더라인 표시
• u,/u 사용

Image

• HTML 문서에 이미지 삽입 가능
• img,/img 사용
• attribute 존재
  - src : 이미지의 주소 정보
  • alt : 이미지를 표시할수 없을 때 사용되는 대체 텍스트

Link

• Hypertext의 본질인 문서 간 연결을 생성
• a,/a 사용
• href attribute : 링크의 주소

Table

• Table : 하나의 전체 표는 table,/table 태그로 정의
• Table Row : 표 내부의 1개의 행은 tr,/tr 태그로 정의
• Table Data : 표 내부의 1개의 셀은 td,/td태그로 정의
  

List

Form

CSS의 기초 개념

HTMl의 한계

• 웹 초창기에는 HTML에 디자인을 위한 font 같은태그가 추가되며 코드의 복잡도가 증가하고 정보로서의 웹의 가치가 떨어짐
• 수정 용이성, 가독성, 코드 중복으로 인한 코드이 비용 효율성이 떨어짐

CSS의 등장

• HTML 태기의 한계를 극복하기 위한 기술
• HTML 은 정보를 표현하는데 집중하고
• CSS는 HTML 문서를 시각적으로 꾸미는 기능에 집중하는 기술
• 정보와 디자인을 분리할수 있다.
• 정보를 수정하지 않고 디자인만 변경할수 있다.
• CSS(Cascading Style Sheets)

계층형 아키텍처의 이해

SW 아키텍처

• 건축을 할 때 설계도를 그리서 건물이 어떻게 지어질지 구상
• SW도 실제 코드 개발전에 최종 SW가 되어야 할 모습을 설게함
• SW아키텍쳐란, SW의 구조를 정의한 것으로 SW를 구성하는 주요 요소들과 요소들의 관계를 정의한것

계층형 아키텍처 패턴

• SW를 서로 다른 역할을 하는 3,4개의 계층을 구분
  - Presentation Layer
  • Application Layer
  • Business Layer
  • Data Access Layer
• 계층간에 호출을 하고 데이터를 주고 받으며 협력하며 전체 웹서비스 구성

Spring Controller의 이해

Spring Controller

• 계층형 아키텍처의 Presentation Layer에 해당
• Client(웹 브라우저, 모바일 앱) 의 요청을 받고
• Application Layer에 요청에 대한 처리 위임
• Client에 최종 응답을 하는 역할
  - view : Client가 요청에 대한 답의 결과로 보게 되는 웹페이지
  • data : Client가 요청에 대한 응답으로 받는 데이터

Controller 코드

• Spring Controller를 구현하기 위해서는 3개의 기본 Annotation이 사용
• @Controller,@RestController
  - Controller 역할을 하는 클래스를 지정, 클래스 상단에 명시
• @RequestMapping
  - 특정 Request를 처리하는 메소드를 지정, 클래스 또는 메소드 상단에 명시

@Controller VS @RestController

• 응답형태 다름
  - Controller : view 응답(html 파일등)
  - RestController : data 응답
  

RequestMapping과 URI

RequestMapping과 URI

• RequestMapping Annotation에 URI Path 정보를 명시
  - @RequestMapping(value = "/user")