2022-03-15(화)

Jeongyun Heo·2022년 3월 15일

Server-side rendering과 client-side rendering

① Server-side rendering : 서버측에서 UI(HTML, CSS, JavaScript)를 만들어 준다.

서버에 요청을 하면 스프링부트가 작업을 하고
그 결과를
작업에는 데이터 처리가
HTML 생성
그리고 응답을 하는데
서버에서 동적으로 UI 생성
이 방식의 대표적인 예가 JSP

완성된 HTML을 주면
웹 브라우저에 HTML을 렌더링(출력)

SI 프로젝트에서 주로 사용하는 방식

② Client-side rendering

보통 서비스 업체에서 쓰는 방법

서비스 업체에서 주로 사용하는 방식

작업할 때 데이터 처리
HTML을 생성하는 게 아니라
JSON 또는 XML 생성 (데이터 생성)
예) Front-end/Back-end 분리
서버에서 JSON 또는 XML를 응답한다
웹 브라우저는 JSON 또는 XML 데이터를 가지고
JavaScript를 통해 HTML을 동적으로 생성

ContactDao에 MyBatis 적용하기

Contact 데이터를 저장할 테이블을 생성한다

create table ml_contact(
  contact_no int not null,
  name varchar(50) not null,
  tel varchar(50) not null,
  email varchar(20) not null,
  company varchar(50)
);

alter table ml_contact
  add constraint primary key (contact_no),
  modify column contact_no int not null auto_increment;

자동생성하는 코드가 다 이런 식으로 되어 있음

exerd로 자동생성

package com.eomcs.mylist.dao;

import java.util.List;
import org.apache.ibatis.annotations.Mapper;
import com.eomcs.mylist.domain.Contact;

@Mapper
public interface ContactDao {

  // 인터페이스는 객체의 메서드 호출 규칙을 정의하는 것이기 때문에
  // 메서드를 작성할 때 메서드 몸체(method body)를 작성하지 말아야 한다.
  // 메서드 바디가 없는 메서드를 "추상 메서드(abstract method)"라 부른다.

  int countAll(); // => <select id="com.eomcs.mylist.dao.ContactDao.countAll">...</select>

  List<Contact> findAll();

  int insert(Contact contact);

  Contact findByNo(int no);

  Contact findByEmail(String email);

  List<Contact> findByName(String name);

  int update(Contact contact);

  int delete(int no);

}

DAO 구현체 자동 생성

mybatis framework

패키지랑 폴더랑 일치해야만 자동으로 연결된다

규칙을 정의한 게 contactMap
contact 객체를 여러 개 만들어서
데이터를 저장한 후 그 contact 객체를 리스트에 담아서 리턴한다
누가? MyBatis가

update문 리턴값은 int
리턴타입은 int 아니면 void

create table ml_todo(
  todo_no int not null,
  title varchar(255) not null,
  done boolean default false
);

alter table ml_todo
  add constraint primary key (todo_no),
  modify column todo_no int not null auto_increment;