스프링부트 thymeleaf는 단일 서버에 적합하다.

스프링의 2가지 특징

1 ioc/ di 

database(jpa)

view template (thymeleaf) 단일서버

 

회원가입 JWT json web token

 

1코딩 테스트 준비

백준 온라인 저지

코딩도장

프로그래머스

 

2포트폴리오 준비

 

@Entity

@Data

public class Owner {

   

    @Id

    Integer id;

    String name;

    @OneToMany(mappedBy = "owner")

    List<Animal> animals = new ArrayList<>();

}

@Data

@Entity

@ToString(exclude = "owner")

public class Animal {

   

    @Id

    int id;

    String name;

    int age;

   

   

    @JsonIgnore

    @ManyToOne

    Owner owner;

   

    @OneToMany(mappedBy = "animal")

    List<Product> products= new ArrayList<>();

}

@Entity

@Data

@ToString(exclude = "animal")

public class Product {

    @Id

    int id;

    String name;

    int price;

   

    @ManyToOne

    @JsonIgnore

    Animal animal;

}

 

@Test

    void add() {

        Optional<Product> opt =  productRepository.findById(1);

        Product product = opt.get();

        System.out.println(product);

       

}

@Test

@Transactional

    void ad2d() {

        Optional<Owner> opt =  ownerRepository.findById(1);

        Owner owner = opt.get();

        System.out.println(owner);

       

}

 

Owner(id=1, name=최길동, animals=[Animal(id=1, name=슈슈, age=2, products=[Product(id=1, name=목줄, price=5000), Product(id=3, name=중형견 사료, price=10000)]), Animal(id=2, name=치치, age=2, products=[Product(id=2, name=몸통줄, price=5000), Product(id=4, name=소형견 사료, price=10000)])])

 

@GetMapping("mode") public String mode( Model model, @RequestParam Map map) {

model.addAttribute("name", map.get("name"));

model.addAttribute("auth", map.get("auth"));

model.addAttribute("category", map.get("category"));

 

return "mode"; }

파라미터를 맵으로 받기

 

 

th:if, th:unless, th:switch

 

 

 

페이징 공

1의 자리를 0으로 만든 후 1을 더해주기

10으로 나누어 주고 다시 10을 곱해주기

 

<th:block th:each="pageNumber : ${#numbers.sequence(startPage, endPage)}">

${#numbers.sequence(startPage, endPage)}는 Thymeleaf의 유틸리티 객체 #numbers를 사용하여 startPage부터 endPage까지의 숫자 시퀀스를 생성하는 표현식입니다.

 

클라이언트 (웹 브라우저)

저장공간 -> 쿠키 로컬/세션 스토리지를 활용할 수 있는데 이중에 쿠키를 많이 활용한다.(만료일자 기능이 있어서 제어하기 좋음)

 

쿠키 단점 : 사용하기 까다로움 , 저장 용량이 적음

 

   @GetMapping("/login")

    public String login(Model model){

        session.setAttribute("user", "HRD");

   

        return "auth/login";

    }

   <h1 th:if="${session.user!=null}" th:text="${session.user}+'님 반갑습니다!!!'"></h1>

    <a ></a>

    <th:block th:if="${session.user!=null}">

        <button>로그아웃</button>

    </th:block>

    <th:block th:unless="${session.user!=null}">

        <button>로그인</button>

    </th:block>

 session 은 스프링 bean에 있는 친구다.

 

로그인

아이디와 비밀번호 비교

세션에 값을 저장하는 행위

 

로그아우 세션에 저장된 값을 제거하는 행