Part 1 스프링 부트 개요

1장 스프링 부트 시작하기

1.1 스프링부트란

-스프링 프레임워크를 개선한 것

-자바 웹 프로그램을 더욱 쉽고 빠르게 만들기 위한 도구

• 개발 환경 설정을 간소화
• 웹 어플리케이션 서버를 내장

 

1.2 스프링 부트 개발 환경 설정하기

jdk 설치 되어있으므로 생략

homebrew에서 openjdk@17 다운로드 완료

 

경로변경도 완료!

intellij에서 open으로 열고 소스다운로드 완료

첫 실행을 해보았다~

hello.html을 추가한 후 다시 실행!

 

1.3 웹 서비스의 동작 원리 이해하기

클라이언트-서버 구조

-클라이언트: 서비스를 사용하는 프로그램 또는 컴퓨터

-서버: 서비스를 제공하는 프로그램 또는 컴퓨터

-클라이언트의 요청에 응답하려면 서버가 실행중이어야 한다

 

localhost:8080/hello.html의 의미

-localhost: 내컴퓨터

-8080: 포트번호

-helllo.html: 웹브라우저(클라이언트)에서 서버에 요청한 파일(src>main>resources>static 디렉토리에서 기본적으로 파일을 찾는다)

 

 

2장 MVC 패턴 이해와 실습

2.1 뷰 템플릿과 MVC 패턴

-뷰템플릿: 웹페이지(View)를 하나의 틀(Template)로 만들고 여기에 변수를 삽입해 서로 다른 페이지로 보여주는 기술

-컨트롤러: 클라이언트의 요청에 따라 서버에서 처리하는 역할

-모델: 뷰 템플릿에서 사용되는 데이터를 관리하는 역할

 

2.2 MVC 패턴을 활용해 뷰 템플릿 페이지 만들기

1.뷰 템플릿 페이지 만들기

src>main>resources>templates

2.컨트롤러 만들고 실행하기

src>main>java>com.example.firstproject에 새로운 패키지로 추가

-먼저 컨트롤러를 선언하고(@Controller)

-반환값으로 보여줄 페이지의 이름만 따서 적은 다음(return "greetings";)

-url요청을 접수(@GetMapping("/hi")

3.모델 추가하기

1.뷰 페이지 만들기 greetings.mustache
2.컨트롤러 만들기 FirstController.java
3.컨트롤러에서 뷰 페이지 반환하기 return "greetings";
4.뷰 페이지에 변수 삽입하기 {{username}}
5.컨트롤러에 모델 추가하기 niceToMeetYou(Model model)
6.모델에서 변수 등록하기 model.addAttribute("username", "홍팍");

 

2.3 MVC의 역할과 실행 흐름 이해하기

-스프링부트는 서버의 역할

bye를 추가해보았다

 

2.4 뷰 템플릿에 레이아웃 적용하기

-레이아웃: 화면에 요소를 배치하는 일

-헤더-푸터 레이아웃(header-footer layout): 가장 기본이 되는 레이아웃

• 헤더: 사이트 안내를 위한 내비게이션
• 컨텐트: 사용자가 볼 핵심 내용
• 푸터: 사이트 정보

/hi 페이지에 헤더-푸터 레이아웃 적용하기

템플릿화한 후 /bye 페이지에도 적용해보기!

 

https://www.tistory.com/event/write-challenge-2024