https://codepen.io/ycraah/pen/GRbzMjr 리액트 세팅...codepen.io console.clear();import React, { useState } from "https://cdn.skypack.dev/react@18";import ReactDOM from "https://cdn.skypack.dev/react-dom@18";const App = () => { return 안녕 };ReactDOM.render(, document.getElementById("root"));

LTRIM(문자열), RTRIM(문자열)문자열의 왼쪽/오른쪽 공백을 제거한다. 중간의 공백은 제거되지 않는다. SELECT LTRIM(' 이것이'), RTRIM('이것이 ');TRIM(문자열), TRIM(방향 자를_문자열 FROM 문자열)TRIM(문자열)은 문자열 앞뒤 공백을 모두 없앤다. TRIM(방향 자를_문자열 FROM 문자열)에서 방향은 LEADING(앞), BOTH(양쪽), TRAILING(뒤)가 나올 수 있다. SELECT TRIM(' 이것이 '), TRIM(BOTH 'ㅋ' FROM 'ㅋㅋㅋ 재밌어요. ㅋㅋㅋ'); REPEAT(문자열, 횟수)문자열을 횟수만큼 반복한다. SELECT REPEAT('이것이', 3);REPLACE(문자열, 원래 문자열, 바꿀 문자열)문자열에서 원래 문자열..

프리픽스란 URL의 접두사 또는 시작 부분을 가리키는 말이다. /question을 프리픽스로 URL매핑을 하기 위해서는 @RequestMapping을 추가하면 된다. QuestionController은 URL 매핑할 때 반드시 /question으로 시작한다.  @RequestMapping("/question")@RequiredArgsConstructor@Controllerpublic class QuestionController { private final QuestionService questionService; @GetMapping("/list") public String list(Model model){ List questionList = this.questionService.getList..

질문 목록의 제목을 클릭하면 상세 페이지가 호출되도록 제목에 링크를 추가해보기 위해 .question_list.html을 수정해보자.  제목 작성일시  URL을 연결하기 위해 th:href 속성을 사용한다. URL은 반드시 @{와 } 사이에 입력해야한다. 자바의 객체 값을 더할 때에는 반드시 | |로 감싸주어야 한다.  변하는 id값을 얻기 위해서 QuestionController을 다음과 같이 수정한다. @GetMapping(value = "/detail/{id}") public String ..

엔티티는 데이스와 직접 맞닿아 있으므로 곧바로 컨트롤러 또는 템플린 엔진에 전달해 사용하는 것이 좋지 않다. 민감한 데이터가 포함되어 있기 때문이다. 그래서 엔티티 클래스는 컨트롤러에서 사용하지 않고 대신 사용할 DTO 클래스를 만들고 엔티티 객체를 DTO 객체로 변환할 필요가 있다. 이 일은 서비스에서 진행한다.  @RequiredArgsConstructor@Servicepublic class QuestionService { private final QuestionRepository questionRepository; public List getList() { return this.questionRepository.findAll(); } 서비스를 사용하기 위해서는 @Service 애너테이션이..

서버에 URL을 요청할 때 도메인명 뒤에 아무런 주소도 덧붙이지 않는 URL을 루트 URL이라고 한다. QuestionController 파일을 다음과 같이 수정한다. @GetMapping("/") public String list(Model model){ List questionList = this.questionRepository.findAll(); model.addAttribute("questionList", questionList); 문자열 redirect: 이후에는 URL을 입력하여 페이지를 리다이렉트하는 것이 가능하다.