![]()
점프 투 스프링부트를 참고하여 학습,작성하였습니다.1.Validation 의존성 추가폼 클래스로 입력값을 검증받기 위해 데이터 검증을 위한 유효성 검사를 수행하기 위한 라이브러리인 Validation 의존성을 추가한다. org.springframework.boot spring-boot-starter-validation @NotNull:해당 필드가 null이 아니어야한다.@Size: 문자열, 컬렉션, 배열 등의 크기를 제한@Min / @Max : 숫자 값의 최소/최대 값을 제한@Pattern : 정규 표현식으로 문자열 값을 제한@Email :이메일 형식을 검사@Future / @Past : 날짜가 미래 또는 과거인지 검사@NotBlank :문자열이 null이 아니고, 길이가 0이 아니며, 공백 ..
![]()
점프 투 스프링부트를 참고하여 학습,작성하였습니다.1.버튼 제작static 에 부트스트랩을 추가한뒤 btn btn-primary 클래스를 적용한 버튼 제작질문 등록하기 2.매핑컨트롤러에 create url 에 매핑한다.@GetMapping("/create") public String questionCreate() { return "question_form"; } 3.매핑된 템플릿 제작질문등록을 위한 HTML 파일을 만든다.질문내용을 등록시 post로 질문을 등록한다. 질문등록 제목 내용 4.포스트 매핑포스트 매핑으로 /question/create을 추가하여 질문등록..
![]()
점프 투 스프링부트를 참고하여 학습,작성하였습니다.1.base 템플릿 만들기layout:fragment 속성을 사용하여 특정 부분에 다른 템플릿의 내용을 삽입할 수 있도록한다. 2.다른 HTML 파일에 적용 layout:decorate 속성은 템플릿의 레이아웃으로 사용할 템플릿을 설정 : 이부분부터 부모템플릿의 th:block 요소의 내용이 자식 템플릿의 div 요소의 내용으로 교체한다. 제목 작성일시 3.의존성 추가템플릿 상속을 위한 의존성을 추가해준다. nz.net.ultr..
![]()
점프 투 스프링부트를 참고하여 학습,작성하였습니다. 1.답변 텍스트란, 버튼 제작question_detail.html에 다음 폼을 추가한다.th:action="@{|/answer/create/${question.id}|}": Thymeleaf 속성으로, 폼이 제출될 URL을 지정한다.method="post": 폼 제출 방식이 POST임을 지정합니다. 이는 서버에 데이터를 제출할 때 사용된다. 2.답변 Controller 제작@PostMapping("/create/{id}"): /create/{id} 경로로 오는 POST 요청을 처리한다.@PathVariable("id") Integer id: URL 경로에서 {id} 값을 추출하여 id 변수에 할당한다.@RequestParam(valu..
1.ViteVite는 프런트엔드 개발 환경을 위한 빌드 도구로, 개발 서버를 빠르게 시작하고, 빌드 속도를 높이며, 최신 웹 기술을 쉽게 사용할수있게 해준다. 2.Vite 특징빠른 개발 서버HMR (Hot Module Replacement): 코드가 변경될 때 페이지를 새로 고치지 않고 변경된 모듈만 빠르게 교체하여 즉각적인 피드백을 받는다최신 JavaScript 지원빠른 빌드 3.Vite 사용하기공식홈페이지에서 Vite 프로젝트를 만드는 법을 알수있다.Node.js를 우선 다운받고 다음 명령어로 만들다. y를 입력해준다.PS C:\Users\asa\Desktop\code\Web\vitetest> npm create vite@latestNeed to install the following p..
1.npm(Node Package Manager)JavaScript 프로그래밍 언어의 패키지 관리자다양한 오픈 소스 패키지를 쉽게 설치하고 관리할 수 있다. 2.npm기능패키지 설치 및 관리의존성 관리스크립트 실행 3.사용법Node.js 프로젝트에서 패키지 초기화$npm init원하는 패키지 다운로드$npm install 패키지이름 원하는 패키지 삭제$npm uninstall 패키지이름
1.Node.js서버 사이드 애플리케이션을 개발하기 위한 오픈 소스 런타임 환경Node.js는 브라우저 외부 환경에서 자바스크립트 애플리케이션 개발에 사용되며 이에 필요한 모듈, 파일 시스템, HTTP 등 Built-in API를 제공한다. 2.Node.js 특징JavaScript 런타임비동기 I/O단일 스레드 이벤트 루프npm(Node Package Manager)제공 3.Node.js 사용처웹 서버: Express.js와 같은 프레임워크를 사용하여 웹 서버를 쉽게 구축할 수 있다.API 서버: RESTful API 또는 GraphQL API 서버를 만들기 위해 사용실시간 애플리케이션:시간 데이터 스트리밍 애플리케이션 등에 적합마이크로서비스: Node.js는 가벼운 런타임 환경으로, 마이크로서비스..
![]()
점프 투 스프링부트를 참고하여 학습,작성하였습니다. URL 프리픽스지금 만든 URL의 프리픽스가 /question으로 시작하기 때문에 @RequestMapping("/question") 애너테이션을 추가하여 /question을 생략하게 만든다.package com.example.controller;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.GetMapping;import com.example.service.QuestionService;import com.example.model.Question;import java.util.List;import org.springframewor..
