스프링부트

스프링부트란?

스프링부트는 스프링 프레임워크를 기반으로 한 웹 애플리케이션 개발을 위한 도구입니다. 스프링부트를 배울 때 가장 먼저 이해해야 할 것은 스프링부트 애플리케이션의 구조입니다.

스프링부트 구조

스프링부트 애플리케이션은 일반적으로 다음과 같은 구조로 이루어져 있습니다.

1. Application 클래스: 스프링부트 애플리케이션의 진입점입니다. Application 클래스에서는 애플리케이션을 실행하기 위한 설정을 초기화하고, 스프링 컨텍스트를 생성합니다.
2. Controller 클래스: HTTP 요청을 처리하는 핵심 컴포넌트입니다. Controller 클래스는 @Controller 어노테이션을 사용하여 선언하며, @RequestMapping 어노테이션을 사용하여 URL 패턴과 요청 방식을 지정합니다.
3. Service 클래스: 비즈니스 로직을 처리하는 컴포넌트입니다. Service 클래스는 @Service 어노테이션을 사용하여 선언합니다.
4. Repository 클래스: 데이터베이스와의 상호작용을 처리하는 컴포넌트입니다. Repository 클래스는 @Repository 어노테이션을 사용하여 선언하며, 스프링의 JPA나 JDBC 등을 이용하여 데이터베이스와 상호작용합니다.
5. Configuration 클래스: 애플리케이션의 설정을 담당하는 컴포넌트입니다. Configuration 클래스는 @Configuration 어노테이션을 사용하여 선언하며, @Bean 어노테이션을 사용하여 스프링 빈을 등록합니다.
6. Model 클래스: 데이터를 전달하는 데 사용되는 객체입니다. Model 클래스는 @Entity 어노테이션을 사용하여 선언하며, 데이터베이스 테이블과 매핑됩니다.
7. View 클래스: 사용자에게 출력되는 화면을 구성하는 컴포넌트입니다. View 클래스는 JSP나 Thymeleaf와 같은 템플릿 엔진을 사용하여 구성됩니다.

서버 : 백엔드는 3000, 프론트엔드는 8090 서버를 사용합니다.

프론트엔드는 html만 사용합니다.

이러한 구성 요소들은 스프링부트 애플리케이션의 구조를 이해하는 데 도움이 됩니다. 스프링부트 애플리케이션을 개발할 때는 이러한 구성 요소들을 적절히 활용하여 애플리케이션을 구성해야 합니다.

 

 

아이디 체크

아이디중복체크는 서버에서 하지 않고 자바스크립트에서 할 수 있습니다.

동일한지 아닌지 체크만 해주는 것이기 때문입니다.

또한, 아이디 글자수, 빈칸체크 등 다 자바스크립트에서 합니다. 

 

스프링과 다른점

프론트엔드에서 controller를 거치지 않고 바로 프론트엔드로 간다.

$.ajax({
			url:"http://localhost:3000/addMember", // 백엔드의 주소를 적는다.
			type:"post",
			data: params,
			success:function(msg){
				alert(msg);
				if(msg=="YES"){
					alert($("#id").val() + "님 환영합니다");
					location.href="login.html";   //location.href로 보내준다.
				}else{
					alert("가입되지 않았습니다. 다시 가입해주세요");
				}
			},
			error:function(){
				alert("error");
			}

 

 

프론트엔드에서 세션 접근하기

sessionStroage

localStorage

무조건 문자열로 저장할 수 있습니다.

 

ajax

스프링부트는 모두다 ajax로 만듭니다.