Web

Web/Template

[Thymeleaf] 타임리프 #4 - 조건문

타임리프는 기본적으로 HTML 태그 안에 th: 로 시작하는 속성을 지정하여 사용한다. 타임리프에서 반복은 th:if / th:unless (if 반대) 를 사용한다. (개인적으로 가장 많이 사용하는 타임리프 속성이다) switch 문은 th:switch 로 사용 가능하다. 10살 🎈if, unless 사용 예시 나이는 20살 나이는 30살 나이는 30살 보다 적음 20살 아님 40살 아님 나이는 20살 나이는 30살 보다 적음 40살 아님 th:if / th:unless 타임 리프는 조건이 맞지 않으면 태그 자체를 렌더링 하지 않는다. (렌더링 시 없애버림) ${...} 내부에 boolean 값을 넣으면 된다. 비교와 동등 판별 비교 : >, =,

Web/Template

[Thymeleaf] 타임리프 #3 - 반복

타임리프는 기본적으로 HTML 태그 안에 th: 로 시작하는 속성을 지정하여 사용한다. 타임리프에서 반복은 th:each 를 사용한다. 추가로 반복에서 사용할 수 있는 여러 상태 값을 지원한다. ... 🎈반복문 사용 예시 Controller @Controller public class ThymeleafController { @GetMapping public String form(Model model) { List nameList = new ArrayList(); nameList.add("Bob"); nameList.add("Rachel"); nameList.add("Kai"); model.addAttribute("nameList", nameList); return "new-form"; } } View B..

Web/Template

[Thymeleaf] 타임리프 #2 - 변수, 텍스트 (HTML 태그에 문자 삽입)

타임리프는 기본적으로 HTML 태그 안에 th: 로 시작하는 속성을 지정하여 사용한다. 변수를 사용하는 방법은 th: 로 시작하는 속성에 ${"변수명"}을 사용하여 Model에 저장된 데이터를 가져올 수 있다. th: 로 시작하는 속성은 렌더링 될 때 없어진다. (스프링에선 View를 반환하면서 필요한 값들을 동적으로 렌더링하여 사용자에게 보여준다. -> SSR) 다음은 태그에 user객체의 필드인 name을 넣는 예시이다. Hello!! 🎈변수 사용 예시 우선 View를 반환할 Controller을 생성한다. Controller @Controller public class ThymeleafController { @GetMapping public String form(Model model) { model..

Web/Template

[Thymeleaf] 타임리프 #1 - 의존성 추가 및 설정

현재 개인 포트폴리오 + 졸업 작품 목적으로 개인 프로젝트를 진행하고 있다. 기본적인 API는 얼추 완성한 상태이고, 실제 보여질 화면을 우선적으로 구현한 후 추가적으로 보완해야할 부분들을 계속해서 수정해야겠다고 생각했다. 화면을 구성하기 위해 어떤 템플릿 엔진을 사용할지에 대한 고민이 있었다. 지금까지 경험해본 템플릿 엔진으로는 JSP, Mustache가 있다. 먼저 JSP에 대한 생각을 이야기 해보자면, JSP는 렌더링되기 전에 별도의 자바 서블릿 코드로 변환되어 실행되는데, 이 방식이 효율적이지 못하다고 생각했고 실제로 써봤을 때 TTV 시점이 느리다는 것도 충분히 체감할 수 있었다. Mustache는 JSP에 비해 빠르고, HTML 문서도 깔끔하게 작성되어 읽기 편했다. (사실, JSP도 다양한 ..

Web/Base

HTTP 메서드 정리 (GET, POST, PUT, PATCH, DELETE ...)

✍ HTTP 메서드 종류 HTTP 프로토콜에서 자주 사용되는 HTTP request method의 종류는 다음과 같습니다. - GET : 리소스 조회. GET 메서드는 데이터를 가져올때만 사용. - POST : 서버로 데이터를 전송한다. 새로운 리소스를 생성(등록)할 때 주로 사용. - PUT : 요청 데이터를 사용하여 새로운 리소스를 생성하거나, 대상 리소스를 나타내는 데이터를 대체. - PATCH : 리소스를 부분적으로 변경. - DELETE : 리소스 삭제. 이 외에 이런 메소드들도 있습니다. HEAD : GET 메서드와 동일하지만, 상태 줄과 헤더만 반환받음. CONNECT : 요청한 리소스에 대해 양방향 연결을 시작하는 메소드. 터널을 열기 위해 사용. OPTIONS : 목표 리소스와의 통신 옵..

Web/Base

HTTP의 구조

HTTP는 웹 상에서 정보를 주고받을 수 있는 프로토콜입니다. HTTP에 대해 아직 모르신다면 저의 이전 포스팅을 참고하시면 됩니다. 2022.09.06 - [Web/Base] - HTTP란? (버전, 특징) HTTP란? (버전, 특징) 우리는 웹에 있는 수많은 데이터들을 통해 정보를 얻습니다. 구글링을 통해 수많은 정보를 얻고, 유튜브에서 동영상을 통해 여러 사실들을 접하는 것처럼 말이죠. 우리에게 보여지는 이러한 정 rachel0115.tistory.com 💡 HTTP 메시지의 구조는 다음과 같이 4파트로 구성되어 있습니다. - 시작 라인은 Request(요청)이냐 Response(응답)이냐에 따라 다른 정보를 포함하게 됩니다. Request 인 경우 [HTTP 메서드와 리소스 경로, HTTP 버전 ..

KAispread
'Web' 카테고리의 글 목록