$$config title: 김유림 공부위키2 keywords: - 김유림 공부위키1 내용과 연결 $$ ### RowMapper 인터페이스 - DB의 가로 행(insert내용)의 데이터를 꺼내 자바코드로 저장하는 인터페이스 > ex ) select쿼리 작성 시 List형태로 데이터를 가져오기 위해 while문을 이용하여 코드 작성(select 메서드 마다 작성) -> DB의 가로 행(Row)를 자바코드로 바로 매핑/저장(Mapper) - 개발자는 매핑/저장받을 타입만 정해주면 자동으 로 spring이 매핑/저장 해줌 - 인터페이스의 객체는 생성이 불가능 하므로 익명중첩클래스로 생성해 사용 가능(예제 참고) #### 익명중첩클래스(예제 참고) - 하나의 클래스 안에 익명의 클래스가 있는 것 - 익명중첩클래스의 경우 추상적인 인터페이스, 추상클래스 등이 객체를 생성해야 할 때 만들어질 수 있음(기능만을 사용하기 위해) - 익명중첩클래스 생성 시 파일명이 (기존클래스명$1,2...)으로 표시 됨 - 익명중첩클래스의 코드 내용이 중복사용 될 경우 하나의 클래스로 생성하여 클래스 명(=함수)으로 대체하여 사용하는 방향을 지향 ### KeyHolder 인터페이스 - insert시 Key(시퀀스/PK 값)를 Holder(= kdyHolder객체의 변수)에 저장해놓는 인터페이스 > ex) 기존 시퀀스/PK(Key)값을 얻기 위해서는 데이터 등록(insert) - 해당 데이터 검색(select) -> 데이터 등록 시 바로 시퀀스/PK(Key)값을 Holder(kdyHolder객체)에 저장 (몇번째 값인지 꺼내올 수 있음) ## 스프링에서 DB연동하기 예제 - SqlDeveloper에서 테이블 생성 후 진행 ### MEMBER 테이블 생성 ~~~java drop sequence MEMBER_SEQ; drop table MEMBER cascade constraints; CREATE SEQUENCE MEMBER_SEQ START WITH 1 INCREMENT BY 1 MINVALUE 1 MAXVALUE 99999; create table MEMBER( ID number primary key, EMAIL varchar(255) unique, PASSWORD varchar(100), NAME varchar(100), REGDATE date ); insert into MEMBER (ID, EMAIL, PASSWORD, NAME, REGDATE) values(MEMBER_SEQ.nextval, 'garnet2929@naver.com', '1234', 'lkc', sysdate); commit; ~~~ --- ### Member객체 관리 클래스 (Dto) ~~~java public String getPassword() { return password; } public void setPassword(String password) { this.password = password; } public String getName() { return name; } public void setName(String name) { this.name = name; } public Date getRegisterDate() { return registerDate; } public void setRegisterDate(Date registerDate) { this.registerDate = registerDate; } //암호변경 기능을 구현하는 메서드 public void changePassword(String oldPassword, String newPassword) { if(!password.equals(oldPassword)) throw new IdPasswordNotMatchingException(); this.password = newPassword; } } ~~~ --- ### MemberDao 기능 클래스 (DB연동 핵심 코드 포함!) ~~~java package spring; import java.sql.Connection; import java.sql.PreparedStatement; import java.sql.SQLException; import java.sql.Timestamp; import java.util.List; import javax.sql.DataSource; import org.springframework.jdbc.core.JdbcTemplate; import org.springframework.jdbc.core.PreparedStatementCreator; import org.springframework.jdbc.support.GeneratedKeyHolder; import org.springframework.jdbc.support.KeyHolder; public class MemberDao { private JdbcTemplate jdbcTemplate; public MemberDao(DataSource dataSource) { this.jdbcTemplate = new JdbcTemplate(dataSource); } //RowMapper : DB의 가로 행(insert내용)의 데이터를 꺼내 자바코드로 저장하는 인터페이스 //-> 그냥 인터페이스는 객체생성이 부가능하므로 클래스안에 클래스를 만들어(익명중첩클래스)바로 정의해야함 //익명중첩클래스 : 클래스이름은 같지만 뒤에 $1, $2...이 붙으면서 익명중첩클래스가 됨 //하지만, 모든 메서드 또는 클래스에 RowMapper인터페이스를 구현하는 중첩클래스를 생성하면 중복이 많아지므로 //따로 RowMapper클래스를 생성하여 함수(=클래스 명)로 사용하는 방법을 지향함 // 이메일로 해당하는 정보 하나만 검색 메서드 // 반환 값이 있으므로 변수를 생성하여 쿼리 전송 public Member selectByEmail(String email) { List result = jdbcTemplate.query("select * from MEMBER where EMAIL = ?", new MemberRowMapper(), email); return result.isEmpty() ? null : result.get(0); } // 모든 정보 검색 메서드(반환행이 여러개면 List사용) public List selectAll() { List result = jdbcTemplate.query("select * from MEMBER", new MemberRowMapper()); return result; } // 이후, mapRow익명중첩클래스 부분이 중복되므로 MemberRowMapper클래스를 따로 생성하여 위의 코드 수정함 // 총 데이터 수 검색 메서드 // queryForObject : 결과 반환행이 하나 일 경우만 사용 가능 public int count() { Integer count = jdbcTemplate.queryForObject("select count(*) from MEMBER", Integer.class); return count; } // 수정 메서드 // 반환 값이 없으면 jdbcTemplat변수로 쿼리 전송 가능 public void update(Member member) { jdbcTemplate.update( "update MEMBER set NAME = ?, PASSWORD = ? where EMAIL = ?", member.getName(), member.getPassword(), member.getEmail()); } //등록 메서드, keyHolder클래스를 이용하여 자동으로 생성되는 키 값을 구하는 기능을 포함 // +추가 pstmt로 직접 세팅(경우의따라 직접 바인딩변수(?)를 직접 세팅할 수 있음) // createPreparedStatement(Connection con) 메서드를 가진 PreparedStatementCreator 인터페이스가 자바에 구현되어 있음 public void insert(final Member member) { //KeyHolder : pk, 시퀀스 값을 저장하여 insert시 알려주는 인터페이스 KeyHolder keyHolder = new GeneratedKeyHolder(); jdbcTemplate.update(new PreparedStatementCreator() { //직접 값을 세팅하기 위해 PreparedStatementCreator생성자를 매개변수로 전달 @Override public PreparedStatement createPreparedStatement(Connection con) throws SQLException { // 파라미터로 전달받은 Connection con을 이용해 PreparedStatement 생성 PreparedStatement pstmt = con.prepareStatement( "insert into MEMBER (ID, EMAIL, PASSWORD, NAME, REGDATE) values (MEMBER_SEQ.nextval, ?,?,?,?)", new String[] {"ID"}); // 인덱스 파라미터 값 설정 pstmt.setString(1, member.getEmail()); pstmt.setString(2, member.getPassword()); pstmt.setString(3, member.getName()); pstmt.setTimestamp(4, new Timestamp(member.getRegisterDate().getTime())); // 생성된 PreparedStatement 객체 반환 return pstmt; } }, keyHolder); //insert마다 pk,시쿼스를 keyHolder객체를 매개변수로 전달 Number keyValue = keyHolder.getKey(); //keyHolder객체에서 pk,시뭔스 값을 꺼내 keyValue변수에 저장 //keyValue변수에 저장한 pk,시퀀스값을 새로 insert되는 데이터(member)의 id(=pk,시퀀스)로 세팅 //xxxValue() : Number클래스로 받은 객체를 모든 기본타입형으로 변환할 수 있는 메서드 member.setId(keyValue.longValue()); //longValue() : long타입의 값 } } ~~~ --- ### appCtx.xml (xml파일 설정 - DB연동 핵심 코드 포함!) ~~~html

~~~ --- ### RowMapper인터페이스를 구현한 MemberRowMapper클래스 - 익명중첩클래스로 사용한 내용의 코드가 MemberDao 의 각 기능 메서드에 중복 사용되어 따로 생성한 클래스 ~~~java package spring; import java.sql.ResultSet; import java.sql.SQLException; import org.springframework.jdbc.core.RowMapper; public class MemberRowMapper implements RowMapper{ @Override //command+option+s public Member mapRow(ResultSet rs, int rowNum) throws SQLException{ Member member = new Member( rs.getString("EMAIL"), rs.getString("PASSWORD"), rs.getString("NAME"), rs.getTimestamp("REGDATE")); member.setId(rs.getLong("ID")); return member; } } ~~~ --- ### Main클래스 ~~~java package main; import java.text.SimpleDateFormat; import java.util.Date; import java.util.List; import org.springframework.context.support.AbstractApplicationContext; import org.springframework.context.support.GenericXmlApplicationContext; import spring.Member; import spring.MemberDao; public class MainForMemberDao { private static MemberDao memberDao; public static void main(String[] args) { AbstractApplicationContext ctx = new GenericXmlApplicationContext("classpath:addCtx.xml"); memberDao = ctx.getBean("memberDao", MemberDao.class); selectAll(); updateMember(); insertMember(); selectAll(); ctx.close(); } private static void insertMember() { System.out.println("-----insertMember"); SimpleDateFormat dateFormat = new SimpleDateFormat("MMddHHmmss"); //날짜 출력 형식을 지정하는 객체 생성(원하는 출력모양으로) String prefix = dateFormat.format(new Date()); //오늘 날짜를 구하는 클래스 객체 생성(날짜를 구해 원하는 출력모양으로 저장) Member member = new Member(prefix + "@test.com", //랜덤으로 insert하기위해 이메일 형식 데이터 입력 prefix, prefix, new Date()); memberDao.insert(member); System.out.println(member.getId() + " 데이터 추가"); } private static void updateMember() { System.out.println("-----selectAll"); Member member = memberDao.selectByEmail("garnet2929@naver.com"); String oldPw = member.getPassword(); String newPw = Double.toHexString(Math.random()); member.changePassword(oldPw, newPw); memberDao.update(member); System.out.println("암호 변경 : " + oldPw + " > " + newPw); } private static void selectAll() { System.out.println("-----updateMember"); int total = memberDao.count(); System.out.println("전체 데이터 : " + total); List members = (List)memberDao.selectAll(); for(Member m : members) { System.out.println( m.getId() + " : " + m.getEmail() + " : " + m.getName()); } } } ~~~ — ### update 기능에 사용한 비밀번호 변경 예외처리 클래스 ~~~java package spring; public class IdPasswordNotMatchingException extends RuntimeException{ //암호변경을 위해 새로운 암호 입력했을 때 기존비밀번호와 맞지 않으면 //표시할 에외처리 생성 } ~~~ — ### 출력화면 ![이미지](https://github.com/miruy/baekjoon/blob/master/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7%202022-02-23%20%EC%98%A4%EC%A0%84%2012.28.48.png?raw=true) — # @Transactional (트랜잭션 : 처리,거래) - 2개 이상의 쿼리를 동작하여 문제가 생기면 자동으로 rollback, 완료되면 자동으로 commit - 트랜잭션 범위에서 사용할 메서드위에 어노테이션 선언 - 자바코드-xml설정으로 사용 시 PlatformTransactionManager 클래스로 객체(Bean)설정 - 어노테이션으로 사용 시 @Transactional 활성화 설정 ## PlatformTransactionManager 클래스 - 스프링이 제공하는 트랜잭션(거래,처리)관리를 위한 인터페이스 ## xml파일 설정 ### xml트랜잭션 도큐먼트 설정 ![이미지](https://github.com/miruy/baekjoon/blob/master/%ED%8A%B8%EB%9E%9C%EC%9E%AD%EC%85%98%EB%8F%84%ED%81%90%EB%A8%BC%ED%8A%B8%EC%84%A4%EC%A0%95.png?raw=true) --- ### Transaction Bean태그 설정 ![이미지](https://github.com/miruy/baekjoon/blob/master/%ED%8A%B8%EB%9E%9C%EC%9E%AD%EC%85%98%20Bean%ED%83%9C%EA%B7%B8.png?raw=true) --- # Log4J - Logging fremework(로깅 프레임워크) - Logging(로깅) : 시스템의 작동 정보인 로그(log)를 기록하는 행위 > 시스템 동작 시 시스템 상태/작동 정보를 시간의 경과에 따라 기록하는 것, 또 그 기록을 Log(로그)라고 함 (=커밋/commit) - 와이어 샤크처럼 로그가 콘솔창에 보여지면서 쿼리 결과의 따라 commit, rollback이 진행됨 ## Log4j를 사용하는 이유 프로그램을 개발하다보면 에러와 값이 제대로 들어오는지 확인하기 위해 System.out.println을 사용하는 개발자들이 많을 것이다. 하지만 이것도 하나의 입출력에 해당하기에 개발이 완료된 시점에서는 남기지 않는게 좋다. 그런데 수많은 서블릿에 사용된 sysout을 일일히 찾아서 지우는 것은 쉽지않은 일이다. 물론 사용이 끝나면 바로 지우는 습관을 들이는 것도 좋은 방법이지만, 고쳤던 문제가 다시 발생해 전에 썼던 sysout구문을 그대로 사용해야한다면 다시 찾아서 써야하지 않은가? 그래서 프로그램의 log 기록을 남기는 방법이 있는데 이것이 바로 log4j를 사용하는 것이다. 출처 : Spring log4j 이용하여 기록남기기/이안_ian # MVC 패턴적용한 게시판 프로그램 예제 이해를 위한 정리 ## 1. 자바코드 1. 커넥션 파일 (jdbcTamplate.java) - 싱글톤적용 / 자기자신을 클래스로 하는 인스턴스변수 생성(private static MemberDAO instance;) - 데이터베이스 url, user, password (private) - 생성자 (동기화가 필요할 수 있음) -> try드라이버 클래스 로딩을 위해 클래스 검색메서드 작성 (Class.forName(드라이버코드)) -> catch로 예외처리 - getInstance 메서드 안에 -> instance 가 널일 경우 인스턴스 객체 생성 (if문) 코드 작성 - Connection 형을 반환하는 getConection메서드 작성 2. DAO 파일 (MemberDAO.java) - 싱글톤 적용 / 자기자신을 클래스로 하는 인스턴스변수 생성 (private static MemberDAO instance;) - getInstance 메서드 안에 -> instance 가 널일 경우 인스턴스 객체 생성 (if문) 코드 작성 - syhchronized : 동기화메서드로 한번에 한 객체만 생성할 수 있게 함 (객체가 없는 줄 알고 또 객체를 생성하지 않음 = 객체 하나만 생성하여 여러번 사용함) - 커넥션 파일인 JdbcTamplate자료형의 jdbcTamplate 변수 생성하여 커넥션 파일과 연결 - insert, update, delete, select 기능이 담긴 메서드 생성 3. VO 파일 - DAO쿼리의 값으로 들어갈 데이터를 관리하는 파일 생성 - getter/setter메서드 - 원하는 결과대로 출력되는 toString() 오버로딩 ## 2. 웹 1. 등록하는 페이지(regForm.jsp) - 사용자에게 입력하는 페이지를 보여주는 페이지 - form태그 / method, action="등록 시 보여줄 페이지(여기로 이동됨)" 2. 사용자가 정보 등록 후 이동하는 페이지(regProc.jsp) - 여기에 db연동하는 코드 작성 (=자바코드 넣기) - String name = request.getParameter("name") db-자바에서 사용한 변수를 jsp파일에서 사용할 새로운 변수에 저장 - DAO객체 생성을 위해 import="파일 경로" - 싱글톤 적용이 되어있으므로 getInstance()로 값 가져오기 - DAO의 insert(등록)메서드로 값 넣기 (memberDAO.insertMember(name,age)) 3. 외부로의 자원으로 이동 - response.sendRedirect("이동하고 싶은 외부 페이지") 3. 서버가 갖고있는 자원들 중 다른 자원으로 이동 - 등록 완료 후 다른 페이지를 보여주고 싶으면 포워딩 (선택사항) - 서버가 갖고있는 자원들 중 다른 자원으로 이동 - 다른 jsp파일 생성 후 포워딩(request.getRequestDispatcher("보여주고싶은 페이지").forward("페이지")) # Spring-MVC패턴 ![이미지](https://github.com/miruy/baekjoon/blob/master/MVC%ED%8C%A8%ED%84%B4%EC%9D%B4%ED%95%B4%EC%82%AC%EC%A7%84%EC%9E%90%EB%A3%8C.png?raw=true) 1. 브라우저에서 요청을 하면 dispatcherServlet (front Controller)이 받음 2. 요청의 따라 dispatcherServlet이 Model에게 처리할 기능들을 부탁 3. 처리한 것을 객체로 만들어 저장 후 Model이 처리한 객체라는 의미로 model(변수)객체에 담은 후 dispatcherServlet이 View에게 포워딩(보냄) 4. 포워딩 내용은 View에게 해당 요청사항에 맞는 보여질 jsp파일등 을 부탁 5. 처리 완료된 요청을 응답 객체에 담아 브라우저에게 전송 >Model : 비즈니스 로직(기능이 정의된) View : 보여지는 파일들 Controller : 위의 개념을 컨트롤(dispatcherServlet이 컨트롤함) ## Spring-MVC패턴 적용 전 준비 ### 1. 웹 개발 관련 패키지 추가 ### 2. pom.xml파일 생성 및 관련 설정 추가 ~~~html 4.0.0 org.spring MVCexam1 0.0.1-SNAPSHOT war //추가

1.8

4.3.25.RELEASE

aspectjweaver org.aspectj 1.8.13 spring-jdbc org.springframework ${springframwork-version} spring-context org.springframework ${springframwork-version} spring-webmvc org.springframework ${springframwork-version} jsp-api javax.servlet.jsp 2.2 javax.servlet-api javax.servlet 3.0.1 com.mchange c3p0 0.9.2.1 commons-dbcp commons-dbcp 1.4 com.oracle.database.jdbc ojdbc8 19.7.0.0 log4j log4j 1.2.17 maven-compiler-plugin 3.1 ${java-version} ${java-version} utf-8 ~~~ --- ### 3. 서버 설정(톰캣) ### 4. MVC 사용을 위한 설정 - 2개의 xml 파일 생성(spring-mvc / spring-controller) #### spring-mvc.xml 설정 ~~~html

~~~ --- #### spring-controller.xml 설정 ~~~html ~~~ --- ### 5. DispatcherServlet 설정 - 스프링 MVC가 웹 요청을 처리하기 위해서 DispatcherServlet을 통해 요청을 받아야 함 - web.xml파일에 설정 ### 6. Filter설정 - 요청 파라미터의 인코딩 처리를 UTF-8로 설정하도록 필터 등록 - web.xml파일에 설정 #### web.xml 파일 ~~~html

examspring08

dispatcher

org.springframework.web.servlet.DispatcherServlet

contextConfigLocation //스프링 컨테이너 초기화 classpath:spring-mvc.xml classpath:spring-controller.xml

dispatcher

encodingFilter

org.springframework.web.filter.CharacterEncodingFilter

encoding

utf-8

encodingFilter

~~~ --- ## spring-mvc 구현 예제 ### 컨트롤러 구현 ~~~java package examspring08; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestParam; @Controller //스프링MVC에서 컨트롤러로 샤용한다고 선언 public class HelloController { //@Controller 클래스의 메서드는 매개변수로 필요한 객체들을 갯수 상관없이 넣을 수 있으며, 스프링이 제공(제공 못하는 코드라면 에러 발생) //Model model 은 값을 모델에 저장하여 뷰로 보여줘야 하기때문에 필요 //@RequestParam( //사용자가 요청한 값을 메서드의 파라미터로 전달하는 역할 //value="name" : name으로 들어온 값을 해당코드뒤의 String name에 대입하겠다. //required=true : 값이 있어야한다/false:값이 없어도됨) @RequestMapping("/hello") //메서드가 처리할 경로 지정(사용자가 url에 요청하는 경로) public String hello( Model model, /*컨트롤러의 처리 결과를 뷰에 전달하는 역할*/ @RequestParam(value="name", required=false)String name) { //model 객체에 view로 보여질 값을 저장 model.addAttribute("greeting", "안녕하세용" + name); //addAttribute : greeting 속성() 값을 설정하여 model에 저장 //컨트롤러으 처리결과를 보여줄 뷰(jsp파일이므로 jsp파일의 명과 동일해야함) 지정 return "hello"; } } ~~~ --- ### 뷰를 위한 jsp파일 ~~~java <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> Hello 인사: ${ greeting } ~~~ --- ### 화면(웹 브라우저) ![이미지](https://github.com/miruy/baekjoon/blob/master/%EC%8A%A4%ED%94%84%EB%A7%81MVC%ED%99%94%EB%A9%B41.png?raw=true) --- ## 주요개념 ### dispatcherServlet (FrontController)의 역할 브라우저로부터 요청을 받은 dispatcherServlet이 Model에게 해당 요청에 관한 비즈니스 로직을 요청할 때 @RequestMapping어노테이션이 붙은 **(해당 요청)기능 메서드**를 정상적으로 실행하려면 **(해당 요청)기능 메서드**가 정의되어있는 클래스(@Controller어노태이션이 적용)를 객체로 인식하고 있어야함 -> 그래서 예제 중 spring-controller.xml 파일 생성 및 controller객체를 생성 한 것 -> spring-mvc.xml, spring-member.xml 도 같은 개념 ### @RequestMapping()메서드 **@RequestMapping("/hello")** : 사용자가 url 경로로 마지막 주소를 /hello인 요청을 한다면 (해당어노테이션이 적용된)메서드 실행 **@RequestMapping(value="/hello", method=RequestMethod.POST)** : 사용자가 url 경로로 마지막 주소가 /hello이고, post방식으로 요청을 전송한다면 (해당어노테이션이 적용된)메서드 실행 ### HttpServletRequest / Model 클래스 비교 **HttpServletRequest request** : 요청 받은 데이터를 꺼내서 사용해야 할 때 view페이지로 전송 할 때 둘다 사용 가능, view페이지로 전송할 경우 아래의 Model model을 사용해도 됨 > servlet이 적용되지 않은 JSP코드로 쓰이며 MVC패턴이 적용되었을 때는 Model 클레스를 자주 사용 - 요청 받은 데이터를 꺼내서 사용해야 할 때 : request.getParameter("사용자가 url에 작성한 데이터명"); - view페이지로 전송 할 때 : request.setAttribute("전송 할 데이터 변수 명", 전송할 데이터); **Model model** : HttpServletRequest request의 데이터 전송 방식과 같은 쓰임새, 스프링이 제공하는 Model 클래스와 객체 - view페이지로 데이터를 전송할 때 : model.addAttribute("전송 할 데이터 변수 명", 전송할 데이터); ### @RequestParam() 메서드 @RequestParam(name = "n2")int n : 개발자가 정의해놓은 요청이 들어올 데이터의 명과 사용자가 작성한 데이터 명이 다를 경우 (프로그램에서 요청이 들어올 파라미터의 명을 n으로 정의하였는데, 사용자가 url경로에 요청 파라미터 명으로 n2로 적었을 경우) 프로그램에서 자동으로 n2를 n으로 인식하여 프로그램이 실행될 수 있도록 매칭하는 메서드 ### Command객체(커맨드 객체 = Dto) - 사용자가 url로 요청한 파라미터의 값이 목적이 같다면, 하나의 객체(command객체)로 묶어 관리하는 것 - Dto와 같은 개념으로 getter(), setter()를 만들어 관리 - command객체에 데이터를 저장 할 수 있음 > command객체로 묶어 사용하는 방법 - Data클래스 data객체 생성 - int add = data.getN1() + data.getN2(); data객체의 저장된 n1의 데이터와 n2의 데이터를 더해 add변수에 저장 (set.N1 / set.N2의 경우 사용자가 url로 요청한 파라미터가 set됨) ### @Controller가 선언된 클래스의 자동 객체 생성 태그 : 해당 패키지 모든 하위 클래스(@Controller어노테이션이 적용된)를 확인하여 모든 java클래스의 객체들을 자동으로 생성해줌(< bean>태그 없이) > 클래스에 꼭 @Controller 어노테이션이 선언되어야함 # Command객체 - 사용자가 url로 요청한 파라미터의 값이 목적이 같다면, 하나의 객체(command객체)로 묶어 관리하는 것 - 주로 List, Map과 같이 배열 속성 타입 형태 - Dto와 같은 개념으로 getter(), setter()를 만들어 관리 - command객체에 데이터를 저장 할 수 있음 > command객체로 묶어 사용하는 방법 - Data클래스 data객체 생성 - int add = data.getN1() + data.getN2(); data객체의 저장된 n1의 데이터와 n2의 데이터를 더해 add변수에 저장 (set.N1 / set.N2의 경우 사용자가 url로 요청한 파라미터가 set됨) # Command객체의 중첩 사용 - 설문조사 항목 3개, 응답자의 위치(지역), 나이를 입력받는 예제 1. 응답자의 위치(근무 지역), 나이 정보를 담는 클래스(Respondent.java) 2. 설문 항목의 대한 답변과 응답자의 정보를 모두 담는 클래스(AnsweredData.java) 3. 설문조사 프로그램의 기능을 컨트롤하는 컨트롤러 클래스(SurveyController.java) 4. 설문조사 양식 페이지 (surveyForm.jsp) 5. 설문 항목의 대한 답변을 보여주는 페이지 (submitted.jsp) ## 중첩의 개념 - HTTP로 데이터 전송 시 커맨드 객체가 List형태의 속성(property)를 가졌을 경우 해당 커맨드 객체에 데이터를 여러번 중첩시켜 저장한 후 보낼 수 있음 -> **(커맨드 객체는 목적이 같은 객체들을 묶어 관리하는 개념을 가지므로 대부분 List, Map등 배열 속성의 타입을 가짐)** - 스프링MVC는 property속성을 이용해 중첩 커맨드 객체에도 값을 직접 세팅 할 수 있음 - 중첩 커맨드 객체는 DTO, VO형태의 클래스에서 생성된 객체로, setter, getter()로 값, 속성 등을 세팅하고 꺼냄 > 중첩 커맨드 객체 : ansData (SurveyController클래스 AnsweredData date -> ansData 참고) 중첩 커맨드 클래스 : AnsweredData클래스 ## Command객체의 컬렉션 사용 방법 - 커맨드 객체의 컬렉션이란 List, Map등 해당 커맨드 객체가 가진 배열 속성의 타입을 말함 - 커맨드 객체의 배열 속성을 이용해 필요로하는 정보를 다양한 클래스에서 꺼내옴 ## 설문조사 예제 ### 응답자의 위치(근무 지역), 나이 정보를 담는 클래스 (커맨드 객체가 참조 사용하는 클래스 - Respondent클래스) ~~~java package survey; public class Respondent { //Respondent : 설문조사 응답자의 정보를 담기 위한 클래스 private int age; private String location; //근무 위치 public int getAge() { return age; } public void setAge(int age) { this.age = age; } public String getLocation() { return location; } public void setLocation(String location) { this.location = location; } } ~~~ --- ### 설문 항목의 대한 답변과 응답자의 정보를 모두 담는 클래스(커맨드 객체로 사용할 클래스 - AnsweredData클래스) ~~~java package survey; import java.util.List; //커맨드 객체로 사용할 클래스 public class AnsweredData { //설문 항목에 대한 답변과 응답자의 정보를 모두 담기 위한 클래스 private List responses; //submitted.jsp파일에서 해당 클래스의 변수를 이용해 forEach로 요청파라미터를 받을 때 꼭 이변수와 같은 이름을 써야함 //그냥 AnsweredData클래스는 질문의 대한 답변만을 배열로 저장하는 클래스이지만, Respondent res를 선언하여 해당 클래스를 참조하므로써, //Respondent클래스가 가진 응답자의 정보(위치, 나이)도 함께 배열로 묶어 저장하고 view에게 전송하는 기능을 가지게 됨 private Respondent res; public List getResponses() { return responses; } public void setResponses(List responses) { this.responses = responses; } public Respondent getRes() { return res; } public void setRes(Respondent res) { this.res = res; } ~~~ --- ### 설문조사 프로그램의 기능을 컨트롤하는 컨트롤러 클래스(커맨드 객체인 ansData생성 - SurveyController클래스) ~~~java package survey; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.ModelAttribute; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; @Controller //컨트롤러 클래스 @RequestMapping("/survey") //url경로 마지막 주소가 /survey면 클래스 실행 public class SurveyController { //사용자가 url경로로 /survey를 요청하면(url작성 : get방식) form()실행->survey폴더의 surveyForm.jsp로 이동 @RequestMapping(method=RequestMethod.GET) public String form() { return "survey/surveyForm"; } //AnsweredData data를 커맨드 객체로 사용하겠다는 코드, //커멘드 객체를 사용하는 jsp파일에서 이름을 디폴트 이름(소문자)이 아닌 //ansData로 사용하기 위해 ModelAttibute()사용 @RequestMapping(method=RequestMethod.POST) public String submit(@ModelAttribute("ansData")AnsweredData data) { return "survey/submitted"; } } ~~~ --- ### 설문조사 양식 페이지 (surveyForm.jsp) ~~~html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 설문조사

설문조사

~~~ --- ### 설문 항목의 대한 답변을 보여주는 페이지 (submitted.jsp) ~~~html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 응답 내용

응답 내용

${status.index + 1}번 문항 : ${responses }

응답자 위치 : ${ansData.res.location }

응답자 나이 : ${ansData.res.age }

~~~ --- ### 설문조사 양식 페이지 브라우저 화면 ![이미지](https://github.com/miruy/baekjoon/blob/master/%EC%BB%A4%EB%A7%A8%EB%93%9C%EA%B0%9D%EC%B2%B4%EC%A4%91%EC%B2%A9,%EC%BB%AC%EB%A0%89%EC%85%98%EC%82%AC%EC%9A%A91.png?raw=true) --- ### 설문 항목의 대한 답변을 보여주는 페이지 브라우저 화면 ![이미지](https://github.com/miruy/baekjoon/blob/master/%EC%BB%A4%EB%A7%A8%EB%93%9C%EA%B0%9D%EC%B2%B4%EC%A4%91%EC%B2%A9,%EC%BB%AC%EB%A0%89%EC%85%98%EC%82%AC%EC%9A%A92.png?raw=true) --- # Model을 이용한 Controller에서 view로 데이터 전송(설문조사 예제 수정) - 설문조사 질문과 답변(체크)항목을 정의하는 클래스 생성(Question.java) - surveyController 클래스 수정 - surveyForm.jsp 파일 수정 ## Question 클래스 ~~~java package survey; import java.util.Collections; import java.util.List; //컨트롤러는 해당 클래스를 사용하여 DB에 있는 설문 항목(title)을 불러와서 목록(list)을 만들 계획 public class Question { private String title; //질문 private List options; //답변을 고르는 옵션 public Question(String title, List options) { this.options = options; this.title = title; } //Collections 클래스 의 emptyList() 메소드는 빈 리스트를 생성하고 싶을 때 사용 //매개변수로 질문(title)을 넣어 Question클래스의 객체를 생성 시 : 주관식 항목일 경우 //-> 해당 질문을 제목으로 가진 답변 옵션이 없는 배열 객체(emptyList())를 생성 public Question(String title) { this(title, Collections.emptyList()); } public String getTitle() { return title; } public void setTitle(String title) { this.title = title; } public List getOptions() { return options; } public void setOptions(List options) { this.options = options; } //사용자가 답변을 체크하였다면(옵션 체크에 값이 있다면) 메서드 실행, 값의 유무를 참,거짓으로 반환 public boolean isChoice() { return options != null && !options.isEmpty(); } } ~~~ --- ## surveyController 클래스 수정 ~~~java package survey; import java.util.Arrays; import java.util.List; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.ModelAttribute; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.servlet.ModelAndView; @Controller //컨트롤러 클래스 @RequestMapping("/survey") //url경로 마지막 주소가 /survey면 클래스 실행 public class SurveyController { ////사용자가 url경로로 /survey를 요청하면(url작성 : get방식) form()실행->survey폴더의 surveyForm.jsp로 이동 // @RequestMapping(method=RequestMethod.GET) // public String form() { // return "survey/surveyForm"; // } // // //AnsweredData data를 커맨드 객체로 사용하겠다는 코드, // //커멘드 객체를 사용하는 jsp파일에서 이름을 디폴트 이름(소문자)이 아닌 // //ansData로 사용하기 위해 ModelAttibute()사용 // @RequestMapping(method=RequestMethod.POST) // public String submit(@ModelAttribute("ansData")AnsweredData data) { // return "survey/submitted"; // } //Model를 이용해 controller가 view로 데이터를 전송 할 수 있도록 코드 수정 // //설문조사 양식 메서드 - get방식으로 데이터 전송 요청 시에만 form메서드 실행(사용자가 직접 url로 /survey 경로(surveyForm.jsp 페이지) 요청해야함 // @RequestMapping(method=RequestMethod.GET) // public String form(Model model) { // // //질문 및 답변 항목(내용)이 list형태로 담겨 저장하는 createQuestions()메서드를 호출하여 questions변수에 저장(현재 questions 값 :null) // List questions = createQuestions(); //createQuestions()메서드를 호출하는 이 시점에서 밑의 createQuestions()실행되고 questions 값 들어감 // // //model객체에 질문 및 답변 항목 객체를 담아 survey폴더에 surveyForm.jsp파일로 전송(브라우저로 보여짐) // model.addAttribute("questions", questions); // return "survey/surveyForm"; // } //form()메서드에서 컨트롤러가 한 역할 : //1. model객체에 질문 및 답변 항목 객체를 저장 //2. survey폴더에 surveyForm.jsp파일로 전송(브라우저로 보여짐) //컨트롤러의 역할을 ModelAndView클래스를 이용해 한번에 묶어서 처리할 메서드 생성 @RequestMapping(method=RequestMethod.GET) public ModelAndView form(Model model) { List questions = createQuestions(); ModelAndView mav = new ModelAndView(); //ModelAndView 클래스 객체 생성 mav.addObject("questions", questions); //mav객체에 질문 및 답변 항목 객체를 저장 mav.setViewName("survey/surveyForm"); //mav객체가 전송할 view파일 이름을 문자열로 세팅 return mav; } //질문 및 답변 항목(내용)을 작성하고 list형태로 저장하는 메서드 //Arrays.asList() : 일반 배열을 ArrayList로 바꿔야 할 때 사용(배열의 크기 변경, 인덱스 값을 추가하거나 삭제해야할 경우) private List createQuestions(){ Question q1 = new Question("당신의 역할은?", /*String title*/ Arrays.asList("서버","프론트","풀스택")); /*List option*/ Question q2 = new Question("주로 사용하는 개발 도구는?", Arrays.asList("이클립스","인텔리J","서브라임")); Question q3 = new Question("하고 싶은 말?"); return Arrays.asList(q1, q2, q3); } //설문조사 결과를 보여주는 매서드 - POST방식으로 데이터 전송시에만 메서드 실행(surveyForm.jsp에서 submitted.jsp로 페이지 이동시에는 POST방식으로 전송) @RequestMapping(method=RequestMethod.POST) public String submit(@ModelAttribute("ansData")AnsweredData data) { /*AnsweredData data -> ansData로 변수 명 수정 후 submitted.jsp에서 사용*/ return "survey/submitted"; } } ~~~ --- ## surveyForm.jsp 파일 수정 ~~~html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 설문조사

설문조사

~~~ --- # < spring:message>태그 - 스프링에서 제공하는 Locale에 상관 없이 일관된 방법으로 문자열을 관리할 수 있는 MessageSource인터페이스의 태그 - 자주 사용하는 공통된 언어들을 따로 모아 파일을 만들어 저장하여 변수로 사용 - properties파일 생성 후 view에 보여질 문자열을 변수에 저장하는 형식으로 properties파일에 정의 - mvc 설정파일에 < spring:message>태그 관련 설정(MessageSource Bean생성) ## Member(회원가입)예제 수정 ### label.properties (자주 사용하는 공통된 언어들을 따로 파일로 생성) ~~~html member.register=회원가입 term=약관 term.agree=약관동의 next.btn=다음단계 member.info=회원정보 email=이메일 name=이름 password=비밀번호 password.confirm=비밀번호 확인 register.btn=가입완료 register.done={0}님 회원 가입을 축하합니다. go.main=메인으로 이동 #JSP파일에서 view로 사용할 몇 가지 내용(=오른쪽)을 문자열 그대로 사용할 코드(왼쪽=)로 저장 #왼쪽 문자열을 그대로 코드에 사용하여 오른쪽 내용을 view로 전달할 예정 ~~~ --- ### spring-mvc.xml (mvc설정파일) ~~~html

message.label

~~~ --- ### step1.jsp (view로 보여질 페이지) ~~~html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> <spring:message code="member.register"></spring:message>

약관 내용

~~~ --- ### step2.jsp (view로 보여질 페이지) ~~~html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> <spring:message code="member.register"></spring:message>

"> ~~~ --- ### step3.jsp (view로 보여질 페이지) ~~~html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> <spring:message code="member.register"></spring:message>

${formData.name }님의 회원 가입을 축하합니다.

[]

~~~ --- # 코드 분석 #### labea.properties 파일 1. JSP파일에서 view로 사용할 몇 가지 내용(=오른쪽)을 문자열 그대로 사용할 코드(왼쪽=)로 저장 2. 왼쪽 문자열을 그대로 코드에 사용하여 오른쪽 내용을 view로 전달할 예정 #### mvc설정 파일 MessageSource Bean생성 1. id="messageSource" : id는 무조건 messageSource를 지정해야 함 2. < property name="basenames"> : 리스트(< list>태그)를 값으로 가짐 3. < value>message.label : label.properties파일로부터 문자열을 읽어온다는 의미 #### view로 보여질 jsp파일 수정 1. < spring:message code="해당 문자열 저장한 변수"/> 태그를 사용하기 위한 태그 라이브러리 추가 > < %@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> 2. < spring:message code="해당 문자열 저장한 변수"/> 태그를 사용하여 메세지 출력 지정 > < title> # ResourceBundleMessageSource 클래스 - MessageSource인터페이스를 구현받은 클래스 - < spring:message> 태그를 사용하기위해선 MessageSource인터페이스를 구현받은 클래스를 사용해야함 - 위에 예제에서 해당 클래스 사용 # Validato인터페이스 (예제 참고) - 객체 값 유효성 검사를 하기 위해 스프링이 제공하는 org.springframework.validation.Validator 인터페이스 - 구현 메서드로 support(), validate() 메서드가 있음 ## support() : 객체의 값이 검증할 수 있는 타입인지를 참 또는 거짓으로 반환(검증 가능 : 참, 검증 불가능 : 거짓) > Validator가 해당클래스에 대한 값 검증을 지원하는지에 대한 여부 리턴 ## validate() : target 객체에 대한 검증을 실행하는 메서드, 검증결과에 문제가 있을 경우 Errors errors객체에 에러 정보를 저장 > Errors객체에 에러 정보 저장 시 Errors클래스의 rejectValue()메서드를 이용(하나의 필드에 대한 에러 코드를 추가하는 메서드) ex : rejectValue(String field, String errorCode) --> errors.rejectValue("email", "required"); ## ValidationUtils클래스 - 객체의 값 검증코드를 간결하게 작성하도록 도와주는 역할 > validationUtils.rejectIfEmptyOrWhitespace(errors, "name", 'required"); - 검사 대상 객체가 비어있는지 확인하고 비어있다면 errors객체에 required를 추가하는 코드이며, 이 코드가 동작할 때 target객체를 전달하지 않았는데 target의 name값을 검사할 수 있다. ## Member(회원등록)예제 추가 ### 회원 등록 시 정보 검증 및 에러 처리 클래스(RegisterRequestValidtor클래스) ~~~html package controller; import java.util.regex.Matcher; import java.util.regex.Pattern; import org.springframework.validation.Errors; import org.springframework.validation.ValidationUtils; import org.springframework.validation.Validator; import spring.RegisterRequest; //커맨드 객체의 값 검증 및 에러메세지 처리 클래스 public class RegisterRequestValidator implements Validator{ //이메일 형식을 문자열 그대로 변수에 저장 private static final String emailRegExp = "^[_A-Za-z0-9-\\+]+(\\.[_A-Za-z0-9-]+)*@" + "[A-Za-z0-9-]+(\\.[A-Za-z0-9]+)*(\\.[A-Za-z]{2,})$"; //패턴 클래스 : compile()메서드의 매개변수로 전달된 문자열 형식을 패턴으로 지정하는 클래스 private Pattern pattern; //사용자가 이메일 입력칸에 작성하는 문자를 이메일 형식으로 전달받는 생성자 public RegisterRequestValidator() { pattern = Pattern.compile(emailRegExp); } //supports() : 객체의 값(Class arg0)이 검증 가능한지 참,거짓으로 반환하는 메서드 @Override public boolean supports(Class arg0) { return RegisterRequestValidator.class.isAssignableFrom(arg0); /*스프링 MVC에서 전달받은 객체를 자동으로 검증할 경우 올바르게 구현해야 함 * 현재 실습에서는 사용햐지 않음*/ } //validate() : 검증 객체(target)를 검증을 실행하는 메서드 / 에러 발생 시 Errors errors에 에러저장 @Override public void validate(Object target, Errors errors) { //target : 검사 대상 객체 //errors : 검사 결과 에러코드를 저장하는 객체 //회원 등록 객체(regReq)에 검증객체를 대입 RegisterRequest regReq = (RegisterRequest) target; //검증객체가 대입된 회원등록(회원정보) 객체으 이메일이 null이거나 //이메일의 문자열 좌우에서 공백을 제거(trim())한 후의 형태가 기본 이메일 형식과 다르다면 if(regReq.getEmail() == null || regReq.getEmail().trim().isEmpty()) { //rejectValue() : 하나의 필드에 하나의 에러코드를 추가하는 메서드 //errore객체에 "email"이라는 필드에 "required"(필수)라는 에러를 추가 errors.rejectValue("email", "required"); }else { //이메일 검증 시 에러가 없다면 //회원등록객체의 이메일을 가져와 저장 (regReq.getEmail()) //대상 문자열의 패턴을 해석하고 주어진 패턴과 일치하는지 판별하는 클래스(Matcher)에 Matcher matcher = pattern.matcher(regReq.getEmail()); //해당 이메일이 주어진 이메일패턴과 일치하지 않다면 if(!matcher.matches()) { //errore객체에 "email"이라는 필드에 "bad"라는 에러를 추가 errors.rejectValue("email", "bad"); } } //ValidationUtils클래스 : 객체의 값을 검증하는 코드를 간결하게 만들어주는 클래스 //password검증은 ValidationUtils클래스 사용(의미는 rejectValue()와 같음) ValidationUtils.rejectIfEmptyOrWhitespace(errors, "name", "required"); ValidationUtils.rejectIfEmptyOrWhitespace(errors, "password", "required"); ValidationUtils.rejectIfEmptyOrWhitespace(errors, "confirmPassword", "required"); if(!regReq.getPassword().isEmpty()) { if(!regReq.isPasswordEqualToConfirmPassword()) { errors.rejectValue("confirmPassword", "nomatch"); } } } } ~~~ --- ### RegisterController 클래스의 회원 등록 메서드 수정 (handleStep3()부분) ~~~java // +추가 Validator인터페이스 적용위해 코드 수정 @RequestMapping(value="/register/step3", method=RequestMethod.POST) //에러도 함께 전달 public String handleStep3(@ModelAttribute("formData")RegisterRequest regReq, Errors errors) { //유효성 검증 및 예외 메세지 처리 메서드 호출 //스프링은 자동으로 전달받은 regReq객체와 연결된 에러객체 생성 후 전달 new RegisterRequestValidator().validate(regReq, errors); if(errors.hasErrors()) { //validate() 에러 검증 메서드 실행 중 한번이라도 에러 발생 했을 경우 return "register/step2"; } //validate() 에러 검증 메서드 실행 중 한번이라도 에러가 발생하지 않았을 경우 try { memberRegisterService.regist(regReq); //회원 등록 return "register/step3"; } catch (AlreadyExistingMemberException e) { errors.rejectValue("email", "duplicate"); //위의 회원 등록 시 일어날 수 있는 예외 : 이메일 중복 에러메세지 errors객체에 저장 return "register/step2"; } } } ~~~ --- ### step2.jsp(에러 메세지 표현 - < form:errors path="email"/>) ~~~html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> <spring:message code="member.register"></spring:message>

"> ~~~ --- ### label.properties 에러 메세지 추가 ~~~html member.register=회원가입 term=약관 term.agree=약관동의 next.btn=다음단계 member.info=회원정보 email=이메일 name=이름 password=비밀번호 password.confirm=비밀번호 확인 register.btn=가입완료 register.done={0}님 회원 가입을 축하합니다. go.main=메인으로 이동 required=필수 항목입니다. bad.email=이메일 형식이 올바르지 않습니다. duplicate.email=중복된 이메일입니다. nomatch.confirmPassword=비밀번호와 비밀번호확인이 일치하지 않습니다. #JSP파일에서 view로 사용할 몇 가지 내용(=오른쪽)을 문자열 그대로 사용할 코드(왼쪽=)로 저장 #왼쪽 문자열을 그대로 코드에 사용하여 오른쪽 내용을 view로 전달할 예정 ~~~ --- ## 에러 메세지 화면 ### required=필수 항목입니다. ![img](https://github.com/miruy/baekjoon/blob/master/validator2.png?raw=true) --- ### bad.email=이메일 형식이 올바르지 않습니다. ![이미지](https://github.com/miruy/baekjoon/blob/master/validator1.png?raw=true) --- ### duplicate.email=중복된 이메일입니다. ![img](https://github.com/miruy/baekjoon/blob/master/validator3.png?raw=true) --- ### nomatch.confirmPassword=비밀번호와 비밀번호확인이 일치하지 않습니다. ![img](https://github.com/miruy/baekjoon/blob/master/validator4.png?raw=true) --- # 에러코드에 대한 메세지를 찾는 규칙 - 일반적인 메세지코드를 찾는 순서 1. 에러코드 + "." + 커맨드 객체 이름 + "." + 필드이름 2. 에러코드 + "." + 필드 이름 3. 에러코드 + "." + 필드 타입 4. 에러코드 - property가 List게열 일 경우 1. 에러코드 + "." + 커맨드 객체 이름 + "." + 필드 이름[인덱스].중첩 필드이름 2. 에러코드 + "." + 커맨드 객체 이름 + "." + 필드 이름.중첩 필드이름 3. 에러코드 + "." + 필드 이름[인덱스].중첩 필드이름 4. 에러코드 + "." + 필드 이름.중첩 필드이름 5. 에러코드 + "." + 중첩 필드이름 6. 에러코드 + "." + 필드 타입 7. 에러코드 - 글로벌 에러코드일 경우 (커맨드 객체의 특정 값이 아닌 객체 자체에 대한 검증을 할 경우) 1. 에러코드 + "." + 커맨드 객체 이름 2. 에러코드 > ex : 로그인을 할 때 아이디는 맞고 비밀번호가 틀릴경우 또는 비밀번호는 맞고 아이디가 틀릴경우, 특정 부분이 틀렸다고 말하기 보다 모두 틀리다고 알려주는 것이 보안상 더 효율적이다. ## 로그인 시 인증 기능 구현 - 스프링 시큐리티(보안)관련하여 해당 기능을 구현하는 클래스를 생성하여 예제 진행 ### 로그인 후 인증상태(유지기능)를 세션에 보관하기 위한 클래스(AuthInfo클래스) ~~~java package spring; //로그인을 하게 되면 세션, 쿠키, 인터셉터 등이 이슈를 처리해야하며, 이를 위해 필요한 코드들을 만들고 로그인을 구현 //로그인 성공 후 인증상태를 세션에 보관하기 위한 클래스 public class AuthInfo { //AuthInfo : 인증 private Long id; private String email; private String name; public AuthInfo(Long id, String email, String name) { this.id = id; this.email = email; this.name = name; } public Long getId() { return id; } public String getEmail() { return email; } public String getName() { return name; } } ~~~ --- ### 로그인 시 정상적으로 로그인 성공하면 인증 객체를 생성하는 클래스(AuthService클래스) ~~~java package spring; //이메일과 비밀번호가 일치하면 AuthInfo객체를 생성하는 AuthService클래스 public class AuthService { private MemberDao memberDao; //memberDao객체를 전달받아 해당 클래스의 선언되어 있는 memberDao객체에 저장하는 메서드 public void setMemberDao(MemberDao memberDao) { this.memberDao = memberDao; } //이메일과 비밀번호를 매개변수로 전달받아 일치하면 인증객체를 생성, 반환하는 메서드 public AuthInfo authenticate(String email, String password) { //memberDao의 기능 중 이메일로 회원을 검색하는 기능으로 회원검색 실행 Member member = memberDao.selectByEmail(email); if(member == null) { //이메일로 회원 검색 시 등록된 이메일이 아니라면(회원이 아니라면) throw new IdPasswordNotMatchingException(); //예외처리(해당 예외처리코드 이유 : 틀린부분을 알려주는 것은 보안상 좋지 않음) } if(!member.matchPassword(password)) { //이메일로 회원 검색 시 이메일과 비밀번호가 일치하지 않는다면 throw new IdPasswordNotMatchingException(); //예외처리 } //이메일과 비밀번호가 일치한다면 매개변수로 해당 회원의 id, 이름, 이메일 정보를 담은 인증객체를 생성 return new AuthInfo(member.getId(), member.getEmail(), member.getName()); } } ~~~ --- ### 로그인 폼에 입력한 값을 전달받기 위한 클래스(LoginCommand클래스) ~~~java package controller; //view페이지에 보여질 로그인 폼에 입력한 값을 전달받기 위한 객체관리클래스(따로 로그인 요청을 처리하는 클래스도 작성할 예정) public class LoginCommand { private String email; private String password; private boolean rememberEmail; //이메일 인증 시 email의 값과 rememberEmail의 값이 일치하면 참 public String getEmail() { return email; } public void setEmail(String email) { this.email = email; } public String getPassword() { return password; } public void setPassword(String password) { this.password = password; } public boolean isRememberEmail() { return rememberEmail; } public void setRememberEmail(boolean rememberEmail) { this.rememberEmail = rememberEmail; } } ~~~ --- ### 전달받음 값을 검증(Validate)하는 클래스(LoginCommandValidator클래스) ~~~java package controller; import org.springframework.validation.Errors; import org.springframework.validation.ValidationUtils; import org.springframework.validation.Validator; //LoginCommand클래스에서 전달받은 값을 검증하는 클래스 public class LoginCommandValidator implements Validator{ //Validator : 유효성 검증 인터페이스 //Validator인터페이스를 구현받은 클래스(검증 클래스)의 경우 오버라이딩된 supports(), validate()를 꼭 정의해야함 //supports()와 validate()는 validator인터페이스의 기본적으로 구성되어있는 메서드들이므로 오버라이딩하여 사용 //객체의 값이 검증 가능한 값인지를 판단하는 메서드 @Override public boolean supports(Class arg0) { return LoginCommand.class.isAssignableFrom(arg0); } //검증을 실행하는 메서드(target 객체 검증 시 에러 발생하면 errors객체에 담아 전달) @Override public void validate(Object target, Errors errors) { ValidationUtils.rejectIfEmptyOrWhitespace(errors, "email", "required"); ValidationUtils.rejectIfEmptyOrWhitespace(errors, "password", "required"); } } ~~~ --- ### 로그인 요청을 처리하는 클래스(LoginController클래스) ~~~java package controller; import javax.servlet.http.HttpSession; import org.springframework.stereotype.Controller; import org.springframework.validation.Errors; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.RequestMapping; import spring.AuthInfo; import spring.AuthService; import spring.IdPasswordNotMatchingException; //로그인 요청을 처리하는 클래스 @Controller @RequestMapping("/login") public class LoginController { private AuthService authService; //이메일과 비밀번호 인증 객체 선언(인증 시 참조) //인증 메서드 public void setAuthService(AuthService authService) { this.authService = authService; } //사용자가 브라우저 url 경로로 login/loginForm 요청시에만 실행 @GetMapping public String form(LoginCommand loginCommand) { return "login/loginForm"; } //사용자가 loginForm에서 값 입력 후 전송버튼을 누르면 해당 메서드 실행(로그인 처리메서드) // +추가 로그인을 유지시키는 기능 : HttpSession이용 - 로그인을 유지하는 기능의 객체가 항상 생성되어져 있어야 함으로 // 같은 기능이지만 차이점 HttpSessios : 항상 session을 생성 / HttpServletRequest : 필요한 시점에만 HttpSession을 생성 // submit()매개변수로 유지 객체(session) 추가 전달 -> 로그인에 성공하면 HttpSeseeion에 authInfo속성의 authInfo객체를 저장 @PostMapping public String submit(LoginCommand loginCommand, Errors errors, HttpSession session) { //LoginCommand클래스에서 전달받은 객체(메서드의 매개변수로 전달받은 loginCommand, errors)를 검증하는 생성자를 호출하여 //검증 객체 생성(변수저장X) 후 유효성 검증 new LoginCommandValidator().validate(loginCommand, errors); if(errors.hasErrors()) { //에러가 하나라도 발생했다면 return "login/loginForm"; //로그인 폼으로 돌아가기 } //에러가 발생하지 않았다면 인증 객체 생성하여 인증 실행 // +추가 LoginController는 로그인에 성공하면 HttpSession에 authInfo 속성으로 인증정보 객체를 저장 try { AuthInfo authInfo = authService.authenticate( loginCommand.getEmail(), loginCommand.getPassword()); //세션 객체에 로그인 인증 정보 저장(이거 안하면 로그인 유지 안됌) session.setAttribute("authInfo", authInfo); return "login/loginSuccess"; }catch(IdPasswordNotMatchingException e) { errors.reject("IdPasswordNotMatching"); return "login/loginForm"; } } } ~~~ --- ### loginForm.jsp ~~~html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> <spring:message code="login.title"></spring:message>

"> ~~~ --- ### loginSuccess.jsp ~~~html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> <spring:message code="login.title"></spring:message>

[]

~~~ --- ### label.properties 내용 추가(로그인 기능) ~~~html member.register=회원가입 term=약관 term.agree=약관동의 next.btn=다음단계 member.info=회원정보 email=이메일 name=이름 password=비밀번호 password.confirm=비밀번호 확인 register.btn=가입완료 register.done={0}님 회원 가입을 축하합니다. go.main=메인으로 이동 //추가 1 - 유효성 검증, 에러 메세지 required=필수 항목입니다. bad.email=이메일 형식이 올바르지 않습니다. duplicate.email=중복된 이메일입니다. nomatch.confirmPassword=비밀번호와 비밀번호확인이 일치하지 않습니다. //추가 2 - 로그인 기능 구현 login.title=로그인 login.btn=로그인 하기 IdPasswordMatching=아이디와 비밀번호를 확인해 주세요 login.done=로그인 성공 #JSP파일에서 view로 사용할 몇 가지 내용(=오른쪽)을 문자열 그대로 사용할 코드(왼쪽=)로 저장 #왼쪽 문자열을 그대로 코드에 사용하여 오른쪽 내용을 view로 전달할 예정 ~~~ --- ### 인증 객체 생성(spring-member.xml 추가) - DB와 연동된 회원 등록 기능(memberDao)을 매개변수로 가짐 ![img](https://github.com/miruy/baekjoon/blob/master/%EC%9D%B8%EC%A6%9D%EA%B0%9D%EC%B2%B4%EB%A5%BC%20%EC%83%9D%EC%84%B1.png?raw=true) --- ### LoginController객체 생성(spring-controller.xml 추가) - 로그인 시 이메일과 비밀번호가 일치할 경우 인증 객체를 생성하는 기능(authService)를 매개변수로 가짐 ![img](https://github.com/miruy/baekjoon/blob/master/%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%BB%A8%ED%8A%B8%EB%A1%A4%EB%9F%AC%EA%B0%9D%EC%B2%B4%EC%83%9D%EC%84%B1.png?raw=true) --- # HttpSession 사용 - 서버에 데이터의 값을 저장하고 사용자가 브라우저 사용중에 필요한 데이터를 유지시켜주는 인터페이스 - 쿠키 : 웹 브라우저에 데이터의 값을 저장하고 유지하는 방식 - 세션 : 서버에 데이터의 값을 저장하고 유지하는 방식 - 쿠키와 세션 게시글 참고 - 해당 예제에서는 로그인 기능 유지를 위해 세션 사용 ## 스프링MVC에서 session사용 방법 1. @RequestMapping 적용된 메서드에 파라미터(매개변수)로 Httpsession 추가 - 위의 메서드 호출 시 HttpSession 객체를 전달, HttpSession 객체에 값이 있다면(Map, DB연동 등에서 꺼내옴) 기존 값, 없다면 생성하여 전달 - 항상 HttpSession 객체를 생성해 있음 2. @RequestMapping 적용된 메서드에 파라미터(메개변수)로 HttpServletRequest 추가하여 이를 이용해 별도의 클래스 구현 - 필요한 시점에만 HttpSession 객체를 생성 > 따라서, 로그인 유지 기능을 위해서는 항상 HttpSession객체가 생성되어져 있어야 하므로 1. HttpSession사용 ## 세션에 로그인 정보 유지시키는 예제 ### submit()메서드 수정 - HttpSession session 객체를 해당 메서드의 파라미터로 함께 전달 - 로그인 시 에러가 발생하지 않고 정상적으로 인증이 성공되면 session객체에 인증 객체를 담아 전달 ~~~java package controller; import javax.servlet.http.HttpSession; import org.springframework.stereotype.Controller; import org.springframework.validation.Errors; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.bind.annotation.RequestMapping; import spring.AuthInfo; import spring.AuthService; import spring.IdPasswordNotMatchingException; //로그인 요청을 처리하는 클래스 @Controller @RequestMapping("/login") public class LoginController { private AuthService authService; //이메일과 비밀번호 인증 객체 선언(인증 시 참조) //인증 메서드 public void setAuthService(AuthService authService) { this.authService = authService; } //사용자가 브라우저 url 경로로 login/loginForm 요청시에만 실행 @GetMapping public String form(LoginCommand loginCommand) { return "login/loginForm"; } //사용자가 loginForm에서 값 입력 후 전송버튼을 누르면 해당 메서드 실행(로그인 처리메서드) // +추가 로그인을 유지시키는 기능 : HttpSession이용 - 로그인을 유지하는 기능의 객체가 항상 생성되어져 있어야 함으로 // 같은 기능이지만 차이점 HttpSessios : 항상 session을 생성 / HttpServletRequest : 필요한 시점에만 HttpSession을 생성 // submit()매개변수로 유지 객체(session) 추가 전달 -> 로그인에 성공하면 HttpSeseeion에 authInfo속성의 authInfo객체를 저장 @PostMapping public String submit(LoginCommand loginCommand, Errors errors, HttpSession session) { //LoginCommand클래스에서 전달받은 객체(메서드의 매개변수로 전달받은 loginCommand, errors)를 검증하는 생성자를 호출하여 //검증 객체 생성(변수저장X) 후 유효성 검증 new LoginCommandValidator().validate(loginCommand, errors); if(errors.hasErrors()) { //에러가 하나라도 발생했다면 return "login/loginForm"; //로그인 폼으로 돌아가기 } //에러가 발생하지 않았다면 인증 객체 생성하여 인증 실행 // +추가 LoginController는 로그인에 성공하면 HttpSession에 authInfo 속성으로 인증정보 객체를 저장 try { AuthInfo authInfo = authService.authenticate( loginCommand.getEmail(), loginCommand.getPassword()); //세션 객체에 로그인 인증 정보 저장(이거 안하면 로그인 유지 안됌) session.setAttribute("authInfo", authInfo); return "login/loginSuccess"; }catch(IdPasswordNotMatchingException e) { errors.reject("IdPasswordNotMatching"); return "login/loginForm"; } } } ~~~ --- ### 로그아웃을 위한 컨트롤러 클래스(LogoutController클래스) - 해당 메서드의 파라미터로 HttpSession session객체 전달 한 후 HttpSession 객체를 삭제하는 메서드(invalidate())로 세션 삭제 - invalidate() : 세션 및 세션에 속해있는 값들을 모두 없애는 메서드 ~~~java package controller; import javax.servlet.http.HttpSession; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; //로그인 유지기능을 제거하는 클래스, HttpSession제거(로그아웃을 위한 컨트롤러 클래스) @Controller public class LogoutController { @RequestMapping("/logout") public String logout(HttpSession session) { session.invalidate(); //invalidate() : 세션 및 세션에 속해있는 값들을 모두 없애는 메서드 return "redirect:/main"; //프로세스 상에서 logout을 처리하여 사용자에게는 logout실행 시 바로 메인화면이 보이도록 } } ~~~ --- ### LogoutController객체 생성(spring-controller.xml 추가) ![img](https://github.com/miruy/baekjoon/blob/master/%EB%A1%9C%EA%B7%B8%EC%95%84%EC%9B%83%EC%BB%A8%ED%8A%B8%EB%A1%A4%EB%9F%AC%EA%B0%9D%EC%B2%B4%EC%83%9D%EC%84%B1.png?raw=true) --- ### 로그인 유지 기능을 확인하기 위한 메인페이지 수정(main.jsp) ~~~html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 메인 페이지

환영합니다.

[회원 가입] [로그인]

${authInfo.name }님 환영합니다.

[비밀번호 변경] [로그아웃]

~~~ --- ### 로그인 정보 세션 유지 전 ![img](https://github.com/miruy/baekjoon/blob/master/%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%9D%B8%EC%A6%9D%EA%B0%9D%EC%B2%B4session%EC%A0%84.png?raw=true) --- ### 로그인 정보 세션 유지 후 ![img](https://github.com/miruy/baekjoon/blob/master/%EB%A1%9C%EA%B7%B8%EC%9D%B8%EC%9D%B8%EC%A6%9D%EA%B0%9D%EC%B2%B4session%ED%9B%84.png?raw=true) --- ## 비밀번호 변경 예제 ### 비밀번호 변경을 위해 사용되는 커맨드 객체 클래스 ~~~java package controller; //비밀번호 변경을 위해 사용되는 커맨드 객체 클래스 public class ChangePwdCommand { private String currentPassword; //현재 비밀번호 private String newPassword; //변경할 비밀번호 public String getCurrentPassword() { return currentPassword; } public void setCurrentPassword(String currentPassword) { this.currentPassword = currentPassword; } public String getNewPassword() { return newPassword; } public void setNewPassword(String newPassword) { this.newPassword = newPassword; } } ~~~ --- ### 커맨드 객체에 저장된 값을 검증하는 클래스 ~~~java package controller; import org.springframework.validation.Errors; import org.springframework.validation.ValidationUtils; import org.springframework.validation.Validator; //커맨드 객체에 저장된 값을 검증하는 클래스 public class ChangePwdCommandValidator implements Validator { //어떤 타입의 객체를 검증할 때 이 객체(arg0)의 클래스(Class : 무슨 클래스인지 모름)가 //Validator가 검증할 수 있는 클래스인 지를 판단하는 매서드 @Override public boolean supports(Class arg0) { //반환 커맨드 클래스(객체). 클래스 정보의. arg0가 어떤 클래스/인터패이스를 상속받았는지 체크 return ChangePwdCommand.class.isAssignableFrom(arg0); } //검증을 실행하는 메서드 //커맨드 객체에 저장된 값을 검증하는 클래스 이므로 커맨드 클래스의 필드들을 검증하는 코드 작성 @Override public void validate(Object target, Errors errors) { ValidationUtils.rejectIfEmptyOrWhitespace(errors, "currentPassword", "required"); ValidationUtils.rejectIfEmptyOrWhitespace(errors, "newPassword", "required"); } } ~~~ --- ### 비밀번호 변경을 처리할 컨트롤러 클래스 ~~~java package controller; import javax.servlet.http.HttpSession; import org.springframework.stereotype.Controller; import org.springframework.validation.Errors; import org.springframework.web.bind.annotation.ModelAttribute; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import spring.AuthInfo; import spring.ChangePasswordService; import spring.IdPasswordNotMatchingException; //비밀번호 변경을 처리할 컨트롤러 클래스 @Controller @RequestMapping("/edit/changePassword") public class ChangePwdController { private ChangePasswordService changePasswordService; //비밀번호 변경처리를 위한 참조용 public void setChangePasswordService(ChangePasswordService changePasswordService) { this.changePasswordService = changePasswordService; } @RequestMapping(method=RequestMethod.GET) public String form( @ModelAttribute("command")ChangePwdCommand pwdCmd) { //view페이지에서 객체 이름 변경해서 사용예정 return "edit/changePwdForm"; } @RequestMapping(method=RequestMethod.POST) public String submmit( @ModelAttribute("command")ChangePwdCommand pwdCmd, Errors errors, //에러메세지 HttpSession session) { //서버에 유지시키기 위함 new ChangePwdCommandValidator().validate(pwdCmd, errors); //에러 검증 if(errors.hasErrors()) { //에러있다면 form으로 돌아가기 return "edit/changePwdForm"; } //에러 없다면 세션에 저장되어있던 회원정보가 들어있는 인증 객체를 가져와 새로운 인증객체에 저장(세션에서 꺼내기 위해) AuthInfo authInfo = (AuthInfo)session.getAttribute("authInfo"); //현재 입력한 비밀번호와 세션에서 꺼내 authInfo새로운 인증객체에 저장한 기존 비밀번호와 일치하는지 확인(해당 회원이 맞는지 확인) try { changePasswordService.changePassword( authInfo.getEmail(), pwdCmd.getCurrentPassword(), pwdCmd.getNewPassword()); return "edit/changePwd"; //일치하면 비밀번호 변경 허용 }catch(IdPasswordNotMatchingException e) { errors.rejectValue("currentPassword", "notMatching"); //비밀번호불일치 에러 return "edit/changePwdForm"; } } } ~~~ --- ### 비밀번호 변경 Form ~~~html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> <spring:message code="change.pwd.title"></spring:message>

"> ~~~ --- ### 비밀번호 변경 완료 ~~~html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> <spring:message code="change.pwd.title"></spring:message>

[]

~~~ --- ### label.properties 내용 추가(비밀번호 기능) ~~~html member.register=회원가입 term=약관 term.agree=약관동의 next.btn=다음단계 member.info=회원정보 email=이메일 name=이름 password=비밀번호 password.confirm=비밀번호 확인 register.btn=가입완료 register.done={0}님 회원 가입을 축하합니다. go.main=메인으로 이동 #추가 1 - 유효성 검증, 에러 메세지 required=필수 항목입니다. bad.email=이메일 형식이 올바르지 않습니다. duplicate.email=중복된 이메일입니다. nomatch.confirmPassword=비밀번호와 비밀번호확인이 일치하지 않습니다. #추가 2 - 로그인 기능 구현 login.title=로그인 login.btn=로그인 하기 IdPasswordMatching=아이디와 비밀번호를 확인해 주세요 login.done=로그인 성공 #추가 3 - 비밀번호 변경 기능 구현 change.pwd.title=비밀변호 변경 currentPassword=현재 비밀번호 newPassword=새로운 비밀번호 change.btn=변경하기 notMatching.currentPassword=비밀번호를 잘 못 입력하였습니다. change.pwd.done=비밀번호를 변경하였습니다. #JSP파일에서 view로 사용할 몇 가지 내용(=오른쪽)을 문자열 그대로 사용할 코드(왼쪽=)로 저장 #왼쪽 문자열을 그대로 코드에 사용하여 오른쪽 내용을 view로 전달할 예정 ~~~ --- ### ChangePwdController객체 생성(spring-controller.xml 추가) ![img](https://github.com/miruy/baekjoon/blob/master/%EB%B9%84%EB%B0%80%EB%B2%88%ED%98%B8%20%EC%BB%A8%ED%8A%B8%EB%A1%A4%EB%9F%AC%EA%B0%9D%EC%B2%B4%EC%83%9D%EC%84%B1.png?raw=true) --- ### 비밀번호 변경 브라우저 화면 #### 비밀번호 불일치 1 ![img](https://github.com/miruy/baekjoon/blob/master/%EB%B9%84%EB%B0%80%EB%B2%88%ED%98%B8%EB%B3%80%EA%B2%BD1.png?raw=true) --- #### 비밀번호 불일치 2 ![img](https://github.com/miruy/baekjoon/blob/master/%EB%B9%84%EB%B0%80%EB%B2%88%ED%98%B8%EB%B3%80%EA%B2%BD2.png?raw=true) --- #### 비밀번호 일치 ![img](https://github.com/miruy/baekjoon/blob/master/%EB%B9%84%EB%B0%80%EB%B2%88%ED%98%B8%EB%B3%80%EA%B2%BD3.png?raw=true) --- # REST기반 - @RequestMapping()을 CRUD와 관련지어 간편하게 사용 ## REST기반 요청 방식 ### @GetMapping - select (반환 값 있음) - board/ : select All - board/1 : select 1 ### @PostMapping - insert (반환 값 없음) ### @PutMapping - update (반환 값 없음) ### @DeleteMapping - delete (반환 값 없음) ## 비동기통신(AJAX)과 동기통신 요청 하나, 응답 하나 - 동기통신(요청에 대한 응답이 올때까지 다른 요청 불가능) 요청 여러번, 응답 여러번 - 비동기통신(요청에 대한 응답이 없거나 부족하게 와도 여러번 요청 가능) > REST기반 프로그램은 주로 json, AJAX를 많이 활용 # @ResponseBody - 반환 문자열(String)이 다이렉트로 브라우저로 반환됨 - redirect / forword와 다른 동작 방식 - 해당 어노테이션이 적용된 메서드는 resolve(perfix, supfix)를 적용하지 않음 > Controller클래스에 정의된 메서드 실행 마지막 부분 perfix : return 반환 값 (jsp파일명) 앞에 /WEB-INF/를 붙혀주는 태그 supfix : return 반환 값 (jsp파일명) 뒤에 .jsp 를 붙혀주는 태그 *응답(Response)의 바디 (Body)부분에 내용(return 값(문자열)) 을 담아서 보내라 -> return 값에 작성된 문자열이 그대로 브라우저에 표현됨* # @ResquestBody - Controller클래스에 정의된 메서드의 파라미터로 들어가는 어노테이션 - json기법으로 파라미터 요청 시 자바가 json코드를 읽지 못함 -> 따라서 @ResquestBody 어노테이션 뒤에 문자열 객체(String str)를 붙혀 해당 요청 파라미터로 추가하여 전송 - @ResquestBody 어노테이션 뒤에 문자열 객체(String str)에 json기법 코드가 저장된 후 parssing파싱(객체로 만듬)작업 후 실행 코드에 적용 > json기법 코드 : {"a":10, "b":20} # < form:form> - 스프링에서 제공하는 간편한 form태그 형식 - 요청 시 요청 파라미터를 커맨드 객체에 담아 검증(문제가 있으면 문제 있는 부분은 빼고 없는 부분만)완료 후 form태그에 맞춰서 세팅하여 전달 # MyBatis 연동하여 DB 활용하기 - 자바로 만들어진 쿼리(오라클DB)를 관리하는 라이브러리 - DB쿼리를 매핑해주는 자바 프레임워크 javaFramework(틀, 기능을 제공해주는 것) - DAO에서 하드코딩하던 쿼리문을 xml파일에 설정해놓고 함수로 대체 사용 - 쿼리파일, 동작 구성 config파일, sqlSessionFactory : 커넥션풀 기능 다 있음 DaO를 인터페이스로 수정 git branch git branch br1 - 브랜치 (가지) 하나생성 git branch chekout 가고자하는 커밋 시점(전,후 가능) 소스코드 : 두번째커밋시점에서 새로운 가지를 꽃음(두갈래 길이 생김) -> 두번째커밋시점에서 뻗어나온 가지 시점으로 head이동 됨 현재 git merge br1 : br1이름을 가진 브랜치 가치와 main(최신)을 병합 merge시 충돌 난 경우 수동으로 해당 파일 들어가 수정해야함 후 add, commit 하면 자동으로 merge됨 merge후 지난 브랜치가지 삭제해도 됨 git chekout 가고자 하는 커밋 시점(전,후 가능) : 가고자하는 커밋 시점으로 head이동 git chekout main : main가지로 돌아감 git log --oneline --graph : 깃의 기록을 한줄, 그래프 형식으로 보여달라 git log --oneline : 깃의 기록을 한줄로 보여달라 Spring-MVC패턴 프로그램 구현 순서 ## 사전 설정 ### pom.xml : 의존 라이브러리 설정 ### web.xml : frontController설정 (Dispatcher), encodingFilter설정 (UTF-8) ### 프로젝트 업데이트 ### spring-book.xml : DB정보(dataSource)설정, 트랜잭션 매니저 ### spring-controller.xml : 브라우저에 보여지는 시작 경로를 지정하는 mvc:view-controller 설정 태그 ~~~ < mvc:view-controller path="/main" view-name="main" /> ~~~ ### spring-mvc.xml : 어노테이션 설정, 디폴트 서블릿 설정, view로 보여질 페이지 경로를 jsp파일 명 을 기준으로 앞, 뒤 로 잘라 적용되게 하는mvc:view-resolvers 설정 (prefix, suffix) ~~~ < mvc:annotation-driven> //어노테이션 설정 < mvc:default-servlet-handler /> //디폴트 서블릿 설정 < !-- mvc:view-resolvers : mvc패턴을 분해하는 역할, view : 어떤방식으로 사용할지 정하는 위치 --> < mvc:view-resolvers> < mvc:jsp prefix="/WEB-INF/view/" suffix=".jsp" /> //mvc:view-resolvers 설정 (prefix, suffix) < /mvc:view-resolvers> ~~~ ## Books - list 기능 구현을 위한 순서 ### 1. Book ### 2. BookDAO인터페이스 ### 3. BookDaoImpl - spring-book.xml : bookDao객체 생성태그 ### 4. mybatis적용 - sqlmap-book.xml : 기본키워드-대문자, 테이블키워드-소문자로 프로그램에서 사용할 쿼리 작성(컬럼명과 DTO에 정의한 변수명이 같아야 mybatis에서 해당 컬럼의 getter,setter를 불러옴) - mybtis-config : 작동규칙 정의 - spring-book.xml : DB와의 커넥션을 위한 sqlSessionFactory 관련 설정 태그, DB와의 커넥션을 위해 만든 sqlSessionFactory를 매개변수로 생성되는 sqlSessionTemplate객체 생성 태그 ~~~ //sqlmap-book.xml < ?xml version="1.0" encoding="UTF-8"?> < !DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd"> < mapper namespace="bookDao"> < select id="findAll" resultType="book"> SELECT * FROM book ORDER BY id < /select> < /mapper> --- //mybtis-config < ?xml version="1.0" encoding="UTF-8"?> < !DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis.org/dtd/mybatis-3-config.dtd"> < configuration> < !-- mybatis 작동 규칙 정의 --> < settings> < setting name="cacheEnabled" value="false"/> < setting name="useGeneratedKeys" value="false"/> < setting name="mapUnderscoreToCamelCase" value="true"/> < /settings> < typeAliases> < typeAlias alias="book" type="spring.Book"/> < /typeAliases> < /configuration> --- //spring-book.xml < bean id="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean"> < property name="dataSource" ref="dataSource"> < property name="configLocation" value="classpath:config/mybatis-config.xml"> < property name="mapperLocations"> < list> < value>classpath:config/sqlmap-book.xml < /list> < /property> < /bean> < bean id="sqlSessionTemplate" class="org.mybatis.spring.SqlSessionTemplate" destroy-method="clearCache"> < constructor-arg ref="sqlSessionFactory"> < /bean> --- ~~~ ### 5. BookRowMapper(인터페이스 RowMapper< 반환값>에 들어가는 반환값으로만 설정하면 적용됨) 목적이 같은 객체들을 묶어 관리하는 command클래스(필요하면 이순서에 추가)* command객체를 검증하는 validator클래스(필요하면 이순서에 추가)* ### 6. BookController (각 기능을 하나의 컨트롤러로 모아 관리) - list메서드 생성 - spring-controller.xml : BookController객체 생성 태그 ### 7. books_list.jsp 간편한 코딩을 위해 메세지를 전달하여 사용하는 label.properties(필요하면 이순서에 추가) ## Books - search 기능 구현을 위한 순서 ### 1. Book (기존) ### 2. BookDAO인터페이스 (기존) ### 3. BookDaoImp - **HashMap 객체를 생성하여 사용자가 입력한 문자열을 key로, 그의 값을 value로 넣은 후 반환 매개변수로 해당 메서드의 매칭되는 id(sqlmap-book.xml에 정의한)와 함께 HashMap 객체를 반환해야함! ->sqlmap-book.xml 에서 key와 value로 바인딩 변수 값을 정의하고 찾아넣음** - spring-book.xml : bookDao객체 생성태그(기존) ### 4. mybatis적용 (sqlmap-book.xml 만 추가) - sqlmap-book.xml : 기본키워드-대문자, 테이블키워드-소문자로 프로그램에서 사용할 쿼리 작성(컬럼명과 DTO에 정의한 변수명이 같아야 mybatis에서 해당 컬럼의 getter,setter를 불러옴) - mybtis-config : 작동규칙 정의 - spring-book.xml : DB와의 커넥션을 위한 sqlSessionFactory 관련 설정 태그, DB와의 커넥션을 위해 만든 sqlSessionFactory를 매개변수로 생성되는 sqlSessionTemplate객체 생성 태그 ~~~ //sqlmap-book.xml < ?xml version="1.0" encoding="UTF-8"?> < !DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd"> < mapper namespace="bookDao"> < select id="findByNameOrAuthor" parameterType="HashMap" resultType="book"> < bind name="keyword" value="'%'+keyword+'%'"/> //map의 key,value 값을 지정 SELECT * FROM book WHERE bookname LIKE #{keyword} OR author LIKE #{keyword} < /select> < /mapper> ~~~ ### 5. BookRowMapper(인터페이스 RowMapper< 반환값>에 들어가는 반환값으로만 설정하면 적용됨)(기존) 목적이 같은 객체들을 묶어 관리하는 command클래스(필요하면 이순서에 추가)* command객체를 검증하는 validator클래스(필요하면 이순서에 추가)* ### 6. BookController (각 기능을 하나의 컨트롤러로 모아 관리) - search메서드 생성 - spring-controller.xml : BookController객체 생성 태그(기존) ### 7. book_list.jsp(여기로 이동하게 되어있음) 간편한 코딩을 위해 메세지를 전달하여 사용하는 label.properties(필요하면 이순서에 추가) ## Books - read 기능 구현을 위한 순서 ### 1. Book (기존) ### 2. BookDAO인터페이스 (기존) ### 3. BookDaoImp - spring-book.xml : bookDao객체 생성태그(기존) ### 4. mybatis적용 (sqlmap-book.xml 만 추가) - sqlmap-book.xml : 기본키워드-대문자, 테이블키워드-소문자로 프로그램에서 사용할 쿼리 작성(컬럼명과 DTO에 정의한 변수명이 같아야 mybatis에서 해당 컬럼의 getter,setter를 불러옴) - mybtis-config : 작동규칙 정의 - spring-book.xml : DB와의 커넥션을 위한 sqlSessionFactory 관련 설정 태그, DB와의 커넥션을 위해 만든 sqlSessionFactory를 매개변수로 생성되는 sqlSessionTemplate객체 생성 태그 ~~~ //sqlmap-book.xml < ?xml version="1.0" encoding="UTF-8"?> < !DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd"> < mapper namespace="bookDao"> < select id="findById" parameterType="Long" resultType="book"> SELECT * FROM book WHERE id=#{id} < /select> < /mapper> ~~~ ### 5. BookRowMapper(인터페이스 RowMapper< 반환값>에 들어가는 반환값으로만 설정하면 적용됨)(기존) 목적이 같은 객체들을 묶어 관리하는 command클래스(필요하면 이순서에 추가)* command객체를 검증하는 validator클래스(필요하면 이순서에 추가)* ### 6. BookController (각 기능을 하나의 컨트롤러로 모아 관리) - read메서드 생성 - 상세보기를 원하는 도서의 id를 get방식으로 요청 받을 수 있도록 GetMapping에 {id}추가 - @GetMapping("/read/{id}") : {경로변수} - @PathVariable("id") : 회원마다 사용하는 id값이 다르기 때문에 경로에 사용되는 값(가변경로)을 경로변수에 지정한 곳으로 하는 어노테이션 - spring-controller.xml : BookController객체 생성 태그(기존) ### 7. book_detail.jsp 간편한 코딩을 위해 메세지를 전달하여 사용하는 label.properties(필요하면 이순서에 추가) # 도서 관리 프로그램 링크 - [git 예제 링크 ](https://github.com/miruy/spring/tree/master/Books/src/main) - [도서 관리 프로그램 구현 링크](http://localhost:8080/Books/books/list) # AJAX란? - Asynchronous JavaScript and XML의 약자, 비동기통신 자바스크립트와 XML - 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법 - 웹 페이지 전체를 다시 로딩하지 않고, 웹 페이지의 일부분만을 갱신 가능 (*즉, 백그라운드 영역에서 서버와 통신하여 그 결과를 웹 페이지의 일부분에서만 표시 가능*) > 브라우저에서의 첫번째 요청에 대한 응답을 서버가 주지 않아도 여러개의 요청을 할 수 있음(동적인 움직임이 가능) ## AJAX가 주고 받을 수 있는 데이터의 형태 1. JSON 2. XML 3. HTML 4. 텍스트 파일 등 ## AJAX의 기능 1. 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있음 -> *백 그라운드 영역에서 서버와 통신* 2. 웹 페이지가 로드 된 후에 서버로 데이터 요청을 보낼 수 있으며, 서버로 부터 데이터를 받을 수 있음 -> *한 쌍의 요청 객체와 응답 객체를 전송하는 동기통신이 아닌, 여러개의 요청 객체와 응답 객체를 전송하는 비동기 통신이 가능* 3. 백 그라운드 영역에서 서버로 데이터를 보낼 수 있음 ## AJAX의 한계 1. 클라이언트가 서버에 데이터를 요청하는 클라이언트 풀링 방식(client pooling)을 사용하므로 서버 푸시 방식(server push)의 실시간 서비스는 만들 수 없음 -> *- 클라이언트 풀링 방식(client pooling) : 사용자가 직접 원하는 정보를 서버에게 요청하여 얻는 방식* -> *- 서버 푸시 방식(server push) : 사용자가 요청하지 않아도 서버가 알아서 자동으로 특정 정보를 제공하는 방식(ex : 앱에서 보내는 푸쉬 알림)* ## 동기 통신과 비동기 통신의 차이 - 데이터를 주고 받는 방식 ### 동기 통신 - synchronous, 동시에 일어나는 - 요청과 그의 대한 결과가 동시에 일어나는 전송 방식으로 하나의 요청을 하면 요청한 자리에서 결과가 주어져야함 - 요청 처리 시간이 오래 걸려도 다른 요청들을 여러개 보낼 수 없음 - 설계가 간단하고 직관적 - 결과가 주어질 때까지 실행 내용을 진행하지 못하고 대기 해야함 > ex: 계좌이체 1. A의 계좌에서 -10000원을 하여 B에게 줄 예정 2. A의 계좌에서 -10000원을 하여 B에게 이체 (요청) 3. B는 자신의 계좌에 +10000원이 되었음을 인지하고 A에게 10000원을 받았다고 전송 (응답) 4. A와 B의 각 계좌에서 -10000원과 +10000원이 동시에 이루어짐 *- 계좌 이체의 경우 보내는 계좌에서 이체를 하자마자 받는 계좌로 돈이 들어감* ### 비동기 통신 - Asynchronous, 동시에 일어나지 않는 - 요청과 그의 대한 결과가 동시에 일어나지 않는 전송 방식으로 요청한 자리에서 결과가 주어지지 않아도 됨 - 하나의 요청을 보낸 후 그의 대한 응답이 오지 않아도 여러개의 요청을 전송할 수 있음 - 동기 통신의 비해 설계가 복잡 - 요청의 대한 처리시간이 오래걸려도 다른 실행 내용을 진행할 수 있으므로 자원을 효율적으로 사용 가능함 > ex: 시험보는 학생과 채점하는 교사 1. 학생이 시험문제를 품 2. 학생이 교사에게 다 푼 시험지를 건네준 후 (요청) 다른 공부를 하거나 휴식을 취함(시험이라는 작업 외의 다른 행위를 함) 3. 교사는 학생의 시험지를 채점함 4. 교사는 채점이 다 끝난 시험지를 학생에게 돌려줌 (응답) *- 학생이 하나의 문제를 풀자마자 교사에게 건네주지 않아도 되며, 교사도 시험지의 한 문제만 채점하여 학생에게 주지 않아도 됨(동시에 이루어지지 않아도 됨)* > +추가 비동기 통신 방식으로 이해하는 블록과 논 블록 상태 - 블록 상태 : 학생이 시험지를 교사에게 건넨 후 다른 행위를 하지 않고 가만히 앉아 채점이 끝난 후 시험지를 돌려받기만을 기다리는 상태 - 논 블록 상태 : 학생이 시험지를 교사에게 건넨 후 교사에게서 시험지를 돌려받기 전까지 다른 과목을 공부하거나 휴식을 취하는 등 다른 행위를 하는 상태 ## 정리 - 동기 통신과 비동기 통신 어떤 작업 또는 그와 연관된 작업을 **처리하는 시간의 차이(동시성)** - 동기 통신은 추구하는 같은 행위(목적)가 동시에 이루어짐 - 비동기 통신은 추구하는 행위(목적)가 다를 수 있고 동시에 이루어지지 않음 ## AJAX 프레임 워크 - AJAX를 이용하여 개발을 손 쉽게 할 수 있도록 미리 여러가지 기능을 포함해 놓은 개발 환경 - 가장 많이 활용되는 AJAX 프레임 워크 1. Protoytpe 2. script.aculo, us 3. dojo 4. jQuery ## AJAX의 구성 요소 1. 웹 페이지의 표현을 위한 HTM과 CSS 2. 데이터의 접근하거나 화면 구성을 동적으로 조작하기 위해 사용되는 DOM 모델 3. 데이터의 교환을 위한 JSON이나 XML 4. 웹 서버와의 비동기식 통신을 위한 XMLHttpRequest객체 5. 위의 언급된 모든 기술을 결합하여 사용자의 작업 흐름을 제어할 때 사용되는 자바스크립트 코드 > DOM 모델 : 문서 객체 모델 - XML이나 HTML 문서에 접근하기 위한 인터페이스 - 이 객체의 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소에 접근하는 방법을 제공 - 구조화된 문서를 표현하는 방식 ## AJAX의 동작 원리 - AJAX의 구성 요소들을 사용하여 이루어짐 - 자바 스크립트 코드를 통해 웹 서버와 통신 - 사용자의 동작에는 영향을 주지 않고 백 그라운드에서 지속해서 서버와 통신 가능 ### AJAX를 이용한 웹 응용 프로그램의 동작 원리 ![image](http://www.tcpschool.com/lectures/img_ajax_ajax_application.png) 1. 사용자에 의한 브라우저에서 서버로의 요청 2. 요청이 들어오면 Controller에 의해 자바 스크립트가 호출됨 3. 자바 스크립트는 XMLHttpRequest객체를 생성하여 호출 내용을 담아 서버로 요청 (*이때, 웹 브라우저는 요청을 보내고 나서 서버의 응답을 기다릴 필요없이 다른 작업 가능*) 4. 서버는 브라우저로부터 전달받은 XMLHttpRequest객체를 이용해 AJAX요청을 처리 5. AJAX요청을 처리한 서버는 브라우저에게 응답할 응답 객체를 생성 6. 처리 결과를 HTML, XML 또는 JSON형태의 데이터로 변환하여 응답 객체에 담아 브라우저에게 전송 7. 브라우저는 서버로부터 전달받은 응답객체에 담겨있는 HTML, XML 또는 JSON형태의 데이터를 이용해 웹 페이지의 일부분만 갱신하여 새로운 내용을 사용자에게 보여주는 자바스크립트 호출 8. 결과 : 사용자에게 웹 페이지의 일부분에만 변경된 내용을 보여줌 참고 사이트 : TCPschool.com ---------- # DOM 문서 - Document Object Model 약자, 문서 객체 모델 - HTML, XML, JSON 등의 문서에 접근하기 위한 인터페이스 - 문서 내의 모든 요소의 목적과 특징을 정의하고 각각 요소에 접근하는 방법을 제공 - **AJAX는 DOM문서를 통해 웹 페이지의 일부분만 갱신 가능(DOM문서로 갱신하고자 하는 일부분에 여러가지 DOM요소를 선택한 후 정의하여 표현되게 함)** ## DOM요소의 선택 방법 (예제 참고) - 자바 스크립트로 DOM요소를 다루기 위해서는 해당 DOM요소를 선택해야함 1. 태그 이름(tag name)을 이용한 선택 2. 아이디(id)를 이용한 선택 3. 클래스(class)를 이용한 선택 4. CSS 선택자(selector)를 이용한 선택 5. HTML 객체 집합(object collection)을 이용한 선택 > 간편한 방법인 1, 2번 방법의 예제만 작성 ### 1. 태그 이름(tag name)을 이용한 선택 예제 ~~~html JavaScript DOM Element

HTML 태그 이름을 이용한 선택

첫 번째 아이템이에요!
두 번째 아이템이에요!
세 번째 아이템이에요!
네 번째 아이템이에요!
다섯 번째 아이템이에요!

~~~ --- ![image](https://github.com/miruy/baekjoon/blob/master/DOM%EC%9A%94%EC%86%8C1.png?raw=true) --- ### 2. 아이디(id)를 이용한 선택 예제 ~~~html JavaScript DOM Element

아이디를 이용한 선택

첫 번째 아이템이에요!
두 번째 아이템이에요!
세 번째 아이템이에요!
네 번째 아이템이에요!
다섯 번째 아이템이에요!

~~~ --- ![image](https://github.com/miruy/baekjoon/blob/master/DOM%EC%9A%94%EC%86%8C2.png?raw=true) --- 참고 사이트 : TCPschool.com # JSON - JavaScript Object Notation약자, 자바스크립트 객체 표기법 - 자바스크립트를 기반으로 만들어짐 - 사람이 읽을 수 있는 텍스트 기반의 데이터 교환 표기법 - **XML파일 대신 사용하는 파일** - 조금 더 쉽게 데이터를 교환하고 저장하기 위해 만들어짐 > **해석하기 어려운 XML파일을 사람과 컴퓨터 모두가 이해할 수 있도록 만들어진 자바스크립트 기반의 문서 표기법** ## JSON의 특징 1. 자바스크립트를 확장하여 만들어짐 2. 자바스크립트 객체 표기법을 따름 3. 사람과 기계가 모두 읽기 편함 4. 프로그래밍 언어와 운영체제에 독립적 5. **XML파일 대신 사용하는 파일** ## JSON과 XML파일 비교 ### JSON ~~~json { "name": "식빵", "family": "웰시코기", "age": 1, "weight": 2.14 } ~~~ --- ### XML ~~~json 식빵 웰시코기 1 2.14 ~~~ --- ## JSON과 XML의 차이점 ### JSON의 사용 범위 - 문자열을 전송받은 후 해당 문자열을 바로 파싱하여 사용 - HTML과 자바스크립트가 연동되어 빠른 응답이 필요한 웹 환경에서 많이 사용(XML보다 처리 속도가 빠름) - 전송받은 데이터의 무결성을 사용자가 직접 검증해야함 ### XML의 사용 범위 - XML DOM을 이용하여 해당 문서에 접근 - 스키마를 사용하여 데이터의 무결성을 검증할 수 있움 > 데이터의 검증이 필요한 곳에서는 사용자가 직접 검증해야하는 JSON보다 XML이 많이 쓰임 ## JSON 구조 - 자바 스크립트의 객체 표기법을 기반으로 만들어졌기 때문에 구조 또한 자바 스크립트 객체 표기법을 따름 1. 데이터는 이름과 값의 쌍으로 이루어짐 2. 데이터는 쉼표 , 로 나열 3. 객체는 중괄호 {}로 둘러쌓아 표현 4. 배열은 대괄호 []로 둘러쌓아 표현 ## JSON 문법 - 자바스크립트의 객체 표기법에서 리터럴(literal)과 프로퍼티(property)를 표현하는 방법만 사용 - JSON문법에서는 주석을 사용하지 않음 ### 데이터 - 이름과 값을 한 쌍으로 구성 - "변수명" : 값 (숫자 리터럴을 제외한 모든 리터럴은 "값"으로 사용) ~~~json 이름, 나이, 아픔여부라는 3쌍의 프로퍼티를 가진 객체 { "name" : "식빵", "age" : 2, "sick": "false" } ~~~ --- ### 리터럴 (literal) - 변수와 다르게 해석되는 값, 그 자체 - 변수에 저장되는 모든 값 (int, String, boolean 등) ~~~json int a = 10; // 10 : 숫자 리터럴 String hello = "hello"; // "hello" : 문자열 리터럴 boolean boo = false; // false : boolean 리터럴 ~~~ --- ### 객체 - 프로퍼티(Property) - 프로퍼티 = setter, 속성 값을 정의 ~~~json 4쌍의 프로퍼티(세팅 값)를 가지는 "강아지"객체 { "name": "식빵", // name이라는 변수에 "식빵"이라는 속성 세팅 "family": "웰시코기", //family라는 변수에 "웰시코기"라는 속성 세티 "age": 1, // age라는 변수에 1이라는 속성 세팅 "weight": 2.14 // weight라는 변수에 2.14라는 속성 세팅 } ~~~ --- ### 객체 - 배열(Array) ~~~json dog라는 이름을 가진 배열 객체, 3개의 배열 요소를 가짐 "dog": [ {"name": "식빵", "family": "웰시코기", "age": 1, "weight": 2.14}, // index 0 {"name": "콩콩", "family": "포메라니안", "age": 3, "weight": 2.5}, // index 1 {"name": "젤리", "family": "푸들", "age": 7, "weight": 3.1} // index 2 ] ~~~ --- # JSON 스키마(schema) - JSON 데이터를 전송받는 측에서 전송받은 데이터가 적법한 형식의 데이터인지 확인하는 방법이 필요함 - **적법한 JSON 데이터의 형식을 기술한 문서**로, JSON문서에 주석을 달고 **유효성**을 검증할 수 있음 > 스키마(schema) : 구조 및 제약조건 등에 관해 전반적으로 기술해놓은 것 ## JSON 스키마 검증(validation) - 3가지 검증 과정을 걸침 1. 데이터의 타입이 정확한가? 2. 필수로 받아와야 하는 데이터가 포함되어 있는가? 3. 데이터가 원하는 범위 안에 있는가? > JSON 스키마에서는 위와 같은 검증 기준을 모두 **검증 키워드**를 이용하여 직접 명시 가능 ## 검증 키워드 - 여러가지 키워드를 이용하여 조건을 걸수 있음 ![image](https://github.com/miruy/image/blob/master/JSON%20%EC%8A%A4%ED%82%A4%EB%A7%88%20%EA%B2%80%EC%A6%9D%20%ED%82%A4%EC%9B%8C%EB%93%9C.png?raw=true) - 스키마에 대한 정보를 나타내는 메타 데이터(metadata) 키워드 1. title 2. description 3. default ## 검증 키워드와 메타 데이터 키워드를 이용한 JSON 스키마 예제 ~~~json { "title": "강아지 스키마", "description": "이 스키마는 강아지에 관한 데이터를 검증하기 위해 작성된 스키마임.", "type": "object", //type 키워드를 사용하여 유효한 타입을 명시, 해당 데이터가 유효한지 검증 가능 "properties": { // properties 키워드를 사용하면 해당 객체가 가지는 프로퍼티가 유효한지 검증 가능 "name": {"type": "string"}, //강아지 정보 "family": {"type": "string"}, "age": {"type": "integer"}, "weight": {"type": "number"}, "owner": { //주인 객체 안에 "type": "object", "properties": { //주인 정보 프로퍼티 "ownerName": {"type": "string"}, "phone": {"type": "string"} } } } } ~~~ # JavaScript - 객체 기반의 스크립트 언어 - 웹 브라우저의 **동작** 구현 > 스크립트란? - 연극 : 배우의 대사를 중점으로 배우의 표정, 등장과 퇴장, 무대장치를 중심으로 지시해놓은 내용 - 프로그래밍 : 기존에 이미 존재하는 소프트웨어를 제어하기 위한 언어 ## 자바스크립트의 특징 1. 동적언어이며, 타입을 명시할 필요가 없는 **인터프리터 언어** 2. 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현 가능 3. 클래스(class)가 아닌 프로토타입(prototype) 기반의 객체 지향 언어 4. 프로토타입을 기반으로 클래스의 상속을 흉내내어 구현 > •인터프리터 언어란? - 소스파일 작성 후 컴파일 작업을 거치지 않고, 소스코드를 바로 실행할 수 있는 언어 - 자바스크립트는 웹 브라우저에 포함된 자바스크립트 인터프리터가 소스 코드를 직접 해석하여 바로 실행 > •프로토 타입(prototype)이란? - 자바스크립트의 모든 객체가 상속받는 정보를 제공하는 객체(=class) ## 자바스크립트의 문법(예제 참고) 1. 실행문의 끝맺음은 세미콜론 ; 2. 대소문자를 구분하여 사용(같은 변수명이여도 대소문자가 다르면 다른 객체로 인식) 3. 식별자는 카멜방식, 언더바방식 등을 사용 4. 키워드(예약어) - var : 변수 정의를 위한 키워드 - function : 함수 정의를 위한 키워드 5. 주석 - // : 한줄 주석 - /*내용*/ : 주석문 ### 문법 예제 ~~~javascript var javascript = 10; // 변수 javascript와 JavaScript는 서로 다른 두 개의 변수로 인식됨. var JavaScript = 20; Var Script = 30; // 변수의 선언은 var 키워드로만 할 수 있으면 Var는 동작하지 않음. 12 // 숫자 리터럴 "JavaScript" // 문자열 리터럴 '안녕하세요' // 문자열 리터럴 true // 불리언 리터럴 var firstVar = 10; // Camel Case 방식, 변수 정의 키워드 function my_first_func { // Underscore Case 방식, 함수 정의 키워드 var firstLocalVar = 20; // Camel Case 방식 } // var y = 20; 한 줄의 주석문 : 이 부분은 실행되지 않을 것입니다. /* x = x + y; 여러 줄의 주석문 : 이 부분 또한 실행되지 않을 것입니다. */ ~~~ ## 자바스크립트 출력 방법 1. window.alert() 메서드 2. HTML DOM요소를 이용한 innerHTML 프로퍼티 3. document.write() 메서드 4. console.log() 메서드 > 프로퍼티(property) : 성질, 속성 세팅 메서드(method) : 기능, 동작을 정의 해놓은 것 ### window.alert() 메서드 - 가장 간단하게 데이터를 출력할 수 있는 방법, 브라우저와는 별도의 대화 상자를 화면에 띄워 사용자에게 데이터를 전달 ~~~html JavaScript Output

Window 객체의 alert() 메소드

> ~~~ ![image](https://github.com/miruy/image/blob/master/javascript%20alter.png?raw=true) --- ### HTML DOM요소를 이용한 innerHTML 프로퍼티 - 가장 많이 사용되는 방법 ~~~javascript JavaScript Output

HTML DOM 요소를 이용한 innerHTML 프로퍼티

이 문장을 바꿀 것입니다!

// id가 text인 해당 문장 변경 예정 ~~~ ![image](https://github.com/miruy/image/blob/master/javascript%20innerHTML.png?raw=true) --- ### document.write() 메서드 - 웹 페이지가 **로딩 될 때** 해당 메서드가 실행되면, 웹 페이지에 가장 먼저 데이터를 출력 - 테스트, 디버깅을 위해 많이 사용 > 웹 페이지의 모든 내용이 **로딩 된 후**에 해당 메서드가 실행되면, 웹 페이지 내에 먼저 로딩된 모든 데이터를 지우고 자신의 데이터를 출력하므로 테스트 이외의 용도로 사용할 경우 유의 ~~~javascript JavaScript Output

Document 객체의 write() 메소드

~~~ ![image](https://github.com/miruy/image/blob/master/javascript%20document.png?raw=true) --- ### console.log() 메서드 - 웹 브라우저의 콘솔창을 통해 데이터를 출력 ~~~javascript JavaScript Output

console.log() 메소드

F12를 눌러서 콘솔 화면을 열면 결과를 확인할 수 있습니다.

~~~ --- ![image](https://github.com/miruy/image/blob/master/javascript%20consollog.png?raw=true) ## 자바스크립트 적용 - 실행코드 내부에 자바스크립트 코드로 적용 - 실행코드 외부에 자바스크립트 코드로 적용 ### 내부 자바스크립트 코드 - < script>태그를 사용하여 실행코드 안에 삽입 - 실행코드의 < head>태그나 < body> 태그, 또는 양쪽 모두에 위치 가능 ~~~html JavaScript Apply 내용 작성 ~~~ ### 외부 자바스크립트 코드 - 실행코드 안에 삽입 대신 하나의 파일로 생성하여 삽입 - .js 확장자 - 해당 자바스크립트 파일을 적용하고 싶은 실행코드에 < script>태그를 사용하여 삽입 - *실행코드와 동작코드(자바스크립트)를 분리하므로써 **가독성 및 유지보수가 좋아지며, 로딩 속도가 빠르다*** #### ex.js ~~~javascript function printDate() { document.getElementById("date").innerHTML = Date(); } ~~~ #### 예제 ~~~html JavaScript Apply //해당 자바스크립트 파일 경로 지정 ~~~ # jQuery - 자바스크립트 언어를 간편하게 사용할 수 있도로고 단순화 시킨 오픈 소스 기반의 자바스크립트 라이브러리 - 간단한 자바스크립트 코드로 웹 페이지에 다양한 효과나 연출을 적용할 수 있음 ## jQuery가 사용되는 이유 1. 주요 웹 브라우저의 구버전을 포함한 대부분의 브라우저에서 지원됨 2. HTML DOM을 손쉽게 조작 가능하며, CSS스타일도 간단히 적용 가능 3. 애니메이션 효과나 대화형의 동작처리를 간단하게 적용 4. 같은 동작을 하는 프로그램을 더욱 짧은 코드로 구현 가능 5. 다양한 플러그인과 참고할 수 있는 문서가 많이 존재 6. 오픈 라이센스를 적용하여 누구나 자유롭게 사용가능(오픈소스코드) ## jQuery문법 ### 기본문법 ~~~javascript $(선택자).동작함수(); $ : jQuery를 의미하며, jQuery에 접근할 수 있게 해주는 식별자 선택자 : 실행코드 내의 효과 적용을 원하는 요소(id="선택자") 동작함수 : 선택된 요소에 적용하고자 하는 동작 ~~~ ### $() 함수 - 선택된 실행코드내의 요소를 jQuery에서 이용할 수 있는 형태로 생성해주는 역할 - 실행코드 내의 요소(id)뿐만 아니라 CSS선택자를 전달하여 특정 요소를 선택할 수도 있음 - $()함수를 통해 생성된 요소를 jQuery객체라고 함 ## Document객체의 ready()메서드 - 문서가 모두 로드 된 후에 코드가 실행되도록 하는 메서드 > ready() 사용 이유 : 아직 생성되지 않은 요소에 속성이나 효과를 적용하면 예외가 발생하며 실행중이던 스크립트가 중지되기때문에 ~~~html jQuery Syntax //문서가 모두 로드되면 id="doc"와 id="win"의 문구가 jQuery문구로 변경되어 웹 페이지에 출력됨

문서와 창이 모두 로드되는 시점

결과보기를 다시 눌러보면서 두 시점의 차이를 살펴보세요!

잠시만 기다려 주세요!

~~~ # BindingResult(연관된 결과) - 사용자가 입력한 데이터 값을 객체에 연관시킬 때 발생한 오류 정보를 보관하는 인터페이스 - 데이터 유효성 검사를 실패하면 ConstraintViolationException을 발생시킴 -> 데이터가 유효하지 않은 속성이 있으면 그에 대한 에러 정보를 BindingResult에 담음 - Errors인터페이스를 상속 받은 하위 인터페이스 - Errors 대체하여 사용 ## 예제 ~~~java @RequestMapping(value="board/write", method=RequestMethod.POST) public String write(@Valid BoardVO boardVO, BindingResult bindingResult) { if(bindingResult.hasErrors()) { return "/board/write"; } boardService.write(boardVO); return "redirect:/board/list"; } ~~~ ## Hibernate Validator - 자바 기반의 ORM (Object Relationship Mapper) 프레임워크 - SQL을 직접 사용하지 않고, 메서드 호출만으로 쿼리문 실행 # Valid - 이메일, 신용카드 형식, 안전한 HTML 등 검증 기능을 제공하는 어노테이션 *@Valid : 자바 표준 검증 어노테이션 @Validated : 스프링 전용 검증 어노테이션* - 검증을 원하는 커맨드 객체(VO)에 @Valid 선언 후 커맨드 객체(VO)의 각 필드에 제약조건 어노테이션을 적용하여 사용 > 정규표현식으로 형식을 선언하여 사용하지 않고, VO에 선언된 필드 위에 의미를 가지는 어노테이션 적용으로 대체 ## pom.xml 설정 ~~~html org.hibernate hibernate-validator 5.1.3.Final ~~~ ## 예제 ~~~java @RequestMapping(value="board/write", method=RequestMethod.POST) public String write(@Valid BoardVO boardVO, BindingResult bindingResult) { if(bindingResult.hasErrors()) { return "/board/write"; } boardService.write(boardVO); return "redirect:/board/list"; } ~~~ ~~~java public class BoardVO { private int seq; //시퀀스 값 @Length(min=2, max=5, message="제목은 2자 이상, 5자 미만 입력해야 합니다.") private String title; //제목 @NotEmpty(message="내용을 입력하세요.") private String content; //내용 @NotEmpty(message="작성자를 입력하세요.") private String writer; //작성자 private int password; //비밀번호 private Timestamp regDate; //등록일 private int cnt; //조회 수 public BoardVO() {} //디폴트 생성자 public BoardVO(String title, String content, String writer, int password) { //사용자에게 입력받는 데이터를 매개변수로 가지고 있는 오버로딩 생성자 super(); this.title = title; this.content = content; this.writer = writer; this.password = password; this.cnt = cnt; } public int getSeq() { return seq; } public void setSeq(int seq) { this.seq = seq; } public String getTitle() { return title; } public void setTitle(String title) { this.title = title; } public String getContent() { return content; } public void setContent(String content) { this.content = content; } public String getWriter() { return writer; } public void setWriter(String writer) { this.writer = writer; } public int getPassword() { return password; } public void setPassword(int password) { this.password = password; } public Timestamp getRegDate() { return regDate; } public void setRegDate(Timestamp regDate) { this.regDate = regDate; } public int getCnt() { return cnt; } public void setCnt(int cnt) { this.cnt = cnt; } } ~~~ ## 제약 조건 어노테이션 @Length : 길이 설정 @NotBlank : 빈 문자열을 방지 @NotNull : null값 방지 @NotEmpty : 해당 값이 null이 아니고, 빈 문자열("")이 아닌지 검증 @Range : 범위 설정 @Max / @Min : 최대/최소 설정 @Email : 이메일 형태의 데이터 확인(@ 포함 여부 확인) # @SessionAttribute() 어노테이션 - 괄호안의 이름으로 MVC모델에 새로운 객체가 추가될 때 해당 객체의 데이터를 세션에 저장하는 어노테이션 - Controller 클래스에 선언 - @ModelAttribute또는 model.addAttribute()를 사용해서 객체를 저장할 경우 세션에 저장이 되도록 지정할 수 있음 - SessionStatus 객체를 사용해서 명시적으로 지울때까지 동일한 세션에서는 계속 사용할 수 있음 - model객체에 담은 key와 value가 세션에 저장됨 - SessionStatus인터페이스와 함께 사용 - Spring에서 제공 ## SessionStatus - 세션에 대한 작업을 처리하는 객체 - 요청 시 인자로 사용할 수 있도록 매개변수로 선언 - 세션 사용 후 setComplate()메서드를 이용해 세션을 해제(제거)해야함 ## 예제 ~~~java package board.controller; import javax.validation.Valid; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.validation.BindingResult; import org.springframework.web.bind.annotation.ModelAttribute; import org.springframework.web.bind.annotation.PathVariable; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.SessionAttributes; import org.springframework.web.bind.support.SessionStatus; import board.domain.BoardVO; import board.service.BoardService; @Controller @SessionAttributes("boardVO") //boardVO라는 이름으로 객체가 새로 추가 되면 세션에 해당 객체의 정보를 저장하라는 선언 public class BoardController { private BoardService boardService; public void setBoardService(BoardService boardService) { this.boardService = boardService; } @RequestMapping(value="/board/edit/{seq}", method=RequestMethod.POST) public String edit(@Valid @ModelAttribute BoardVO boardVO, BindingResult result, int pwd, SessionStatus sessionStatus, Model model) { if(result.hasErrors()) { return "/board/edit"; }else { if(boardVO.getPassword() == pwd) { boardService.edit(boardVO); sessionStatus.setComplete(); return "redirect:/board/list"; } } model.addAttribute("msg", "비밀번호가 일치하지 않습니다."); return "/board/edit"; } ~~~ *코드 해석* 1. @SessionAttributes("boardVO") : boardVO라는 이름의 새로운 커맨드 객체가 MVC모델에 추가되면 해당 객체의 정보를 세션에 저장 2. @Valid @ModelAttribute BoardVO boardVO : BoardVo의 boardVO객체의 유효성 검증이 필요하며, 유효성 검증 시 에러가 없다면 세션에 저장 3. BindingResult result : Errors와 같은 쓰임으로 유효성 검증 후 유효하지 않은 값이 있다면 result변수에 담음 4. SessionStatus sessionStatus : 요청 시 인자로 사용할 수 있도록, 그리고 세션 사용 후 해제를 위해 매개변수로 선언 5. sessionStatus.setComplete(); : 세션 사용 후 세션 해제 메서드를 이용하여 세션 해제 # @ModelAttribute - 사용자가 입력한 데이터를 객체 형태로 매핑시켜주는 어노테이션 - Form을 통해 데이터 전송이 많이 됨 - @ModelAttribute 사용 시 model.addAttribute() 사용 안함(예제 참고) ## 예제를 통한 @ModelAttribute 정리 - @SessionAttribute 어노테이션이 선언 되어 있고, 해당 이름으로 새로운 객체가 추가될 때 이미 해당 객체가 있는 객체라면(ex : edit, update 의 경우) 새로운 객체 말고 원래 있는 객체를 바인딩(연관시키다)하라는 의미 -> 처음 추가되는 객체라면 추가되는 새로운 객체를 바인딩 함 - 게시글 수정(edit) 시 시퀀스 값(seq)과 비밀번호(password)의 경우 사용자에게 새로운 입력을 받지 않고 세션에 저장되어 있는 값과 바인딩(연관)되기 때문에 0으로 초기화가 됨 -> 따라서 @SessionAttribute와 SessionStatus를 사용하지 않으면 일치하는 비밀번호를 입력해도 일치 하지 않는다는 에러가 발생 함(0으로 초기화 되었기 때문에) ### Controller클래스 ~~~java package board.controller; import javax.validation.Valid; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.validation.BindingResult; import org.springframework.web.bind.annotation.ModelAttribute; import org.springframework.web.bind.annotation.PathVariable; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.bind.annotation.SessionAttributes; import org.springframework.web.bind.support.SessionStatus; import board.domain.BoardVO; import board.service.BoardService; @Controller @SessionAttributes("boardVO") //boardVO라는 이름으로 객체가 새로 추가 되면 세션에 해당 객체의 정보를 저장하라는 선언 public class BoardController { private BoardService boardService; public void setBoardService(BoardService boardService) { this.boardService = boardService; } @RequestMapping(value="/board/edit/{seq}", method=RequestMethod.POST) public String edit(@Valid @ModelAttribute BoardVO boardVO, BindingResult result, int pwd, SessionStatus sessionStatus, Model model) { if(result.hasErrors()) { return "/board/edit"; }else { if(boardVO.getPassword() == pwd) { boardService.edit(boardVO); sessionStatus.setComplete(); return "redirect:/board/list"; } } model.addAttribute("msg", "비밀번호가 일치하지 않습니다."); return "/board/edit"; } ~~~ ### 게시물 수정 Form ~~~html <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> 수정

제목
내용
작성자
비밀번호	${msg}

">목록

~~~ # JavaMailSender 인터페이스 - 이메일 발송 기능을 위한 인터페이스, - JavaMailSender를 상속받는 하위 인터페이스 MailSender를 제공함 ## SMTP(간이 전자 우편 전송 규약) - Simple Mail Transfer Protocol의 약자 - 인터넷에서 메일 주고 받기 위해 이용되는 프로토콜(규약) - 포트번호 : 25 - 편지를 보내는 사람의 동네 우체국의 개념(서버) ## POP3 - Post Office Protocol의 약자 - SMTP서버에서 보낸 이메일을 읽어오는 프로토콜(규약) - 포트번호 : 110 - 편지를 받는 사람의 동네 우체국의 개념(서버) ◇ 이메일 보내는 과정 1. SMTP 서버에 발신자가 이메일을 보냄 2. SMTP서버에 이메일 저장 2. SMTP서버에서 POP3서버로 이메일을 보냄 3. POP3서버에서 수신자에게 이메일을 보냄 •발신자 → SMTP → POP3 → 수신자 ## MimeMessage(마임 메세지) - Multipurpose Internet Mail Extensions의 약자 - 클라이언트에게 전송된 문서의 다양성을 알려주기 위한 메커니즘 - 문자 인코딩을 이용해 영어가 아닌 다른 언어로 된 이메일을 보낼 수 있는 방식을 정의함 > SMTP는 7비트 ASCII문자 만을 지원하는데 해당 문자는 영어만 표현 할 수 있어서 영어 이외의 언어로 쓰인 이메일은 제대로 전송 할 수 없음 •정리 문자 인코딩을 이용해 영어가 아닌 다른 언어로 작성된 이메일도 전송이 원활할 수 있도록 해주는 클래스 # STS를 이용한 SpringMVC프로젝트 생성하기 ## STS - Spring Tool Suite의 약자 - 이클립스 기반의 스프링 도구 ## SpringMVC 기본 프로젝트(Legacy Project) 생성 방법 1. Spring Tools 홈페이지에서 STS 다운로드 및 설치 [Spring Tools 홈페이지](https://spring.io/tools) 2. workspace로 사용할 폴더 생성 후 해당 폴더로 STS 열기 3. 프로젝트 생성 New - Spring Legacy Project -Project name : 3중 폴더의 형식으로 작성(ex : a.b.c) - Templates : Spring MVC Project 선택 후 Next - top-Level Package : 3중 패키지의 형식으로 작성(ex : sts.test.exam01) 후 Finish 4. MVC프로젝트의 구성이 자동으로 생성된 것 확인 - web.xml : 인코딩 필터설정 추가 - pom.xml 설정 수정 및 추가 •web.xml 및 pom.xml 파일 설정 수정 및 추가 - 인코딩 필터 설정 추가 ![image](https://github.com/miruy/blog_markdown_image/blob/master/stsMVC%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%20%EC%83%9D%EC%84%B13.png?raw=true) - JDK버전 수정 - 스프링 프레임워크 버전 수정 ![image](https://github.com/miruy/blog_markdown_image/blob/master/stsMVC%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%20%EC%83%9D%EC%84%B11.png?raw=true) - < dependency> 수정 ![image](https://github.com/miruy/blog_markdown_image/blob/master/stsMVC%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%20%EC%83%9D%EC%84%B12.png?raw=true) # Microservice Architecture - 마이크로서비스 아키텍쳐 - 기본철학 : '한가지만 아주 잘 처리하자' - 느슨히 결합된 서비스의 모임을 의미 - 각 기능을 분리하여 구현한 후 결합시킴 - **Monilithic Architecture(모놀리식 아키텍쳐)방식**과 가장 대조 됨 > ex 쇼핑몰의 경우 4개의 기능을 분리하여 관리하는 시스템 •회원 관리 •주문 •결제 •배송 - 한 기능에서 문제가 발생 했을 때 다른 기능에서는 문제가 없으므로 상호간에 타격을 주지 않음 → 결합도가 낮음 ## 장점 1. 작게 나뉘어진 서비스가 서로에게 영향을 미치지 않고 독립적으로 역할을 수행하므로 특정 서비스에 에러가 발생해도 다른 서비스에게 영향을 미치지 않음 2. 지속적인 통합(continue integration : **CI**)과 지속적인 배포(continue delivery : **CD**), 자동화된 테스트 3. 작게 분해된 서비스들이 같은 언어로 개발될 필요가 없음 → 따라서 분산 데이터베이스(각 서비스마다 다른 DB)를 사용해야함 > 자신의 서비스 DB외의 다른 서비스 DB에는 데이터를 읽거나 수정할 수 없도록 해야함 ## 단점 1. 서비스가 실패할 경우 롤백 매커니즘의 개념을 두어, 이전 버전으로 쉽게 되돌릴 수 있어야 함 2. 비지니스 업무를 얼마나 알맞게 잘 나눠서 해결했는가 중요 3. 서로 다른 서비스DB의 데이터 중복과 정합성 문제가 일어날 수 있음 ## 모놀리식 아키텍쳐와 마이크로서비스 아키텍쳐 비교 ![image](https://github.com/miruy/blog_markdown_image/blob/master/%EB%AA%A8%EB%86%80%EB%A6%AC%EC%8B%9D%EC%95%84%ED%82%A4%ED%85%8D%EC%B3%90%EC%99%80%EB%A7%88%EC%9D%B4%ED%81%AC%EB%A1%9C%EC%84%9C%EB%B9%84%EC%8A%A4%EC%95%84%ED%82%A4%ED%85%8D%EC%B3%90%EB%B9%84%EA%B5%90.png?raw=true) # Monilithic Architecture - 모놀리식 아키텍쳐 - 전통적인 웹 개발 방식 - 하나의 어플리케이션에 모든 비즈니스 로직이 들어있는 '통짜 구조' - 웹 프로그램을 개발하기 위해 모듈별로 개발 후 하나의 결과물로 패키징하여 배포하는 일반적인 개발 형태 ## 장점 - 개발, 빌드, 배포, 테스트가 용이하고 간편 - 간단한 로직의 프로그램을 개발할 때 사용 ## 단점 - 지속적인 통합(continue integration : **CI**)과 지속적인 배포(continue delivery : **CD**)가 어려움 - 하나의 프로그램이 하나의 패키징으로 되어 있기 때문에 결합도가 마이크로서비스 아키텍쳐보다 높음 ## 모놀리식 아키텍쳐와 마이크로서비스 아키텍쳐 비교 ![image](https://github.com/miruy/blog_markdown_image/blob/master/%EB%AA%A8%EB%86%80%EB%A6%AC%EC%8B%9D%EC%95%84%ED%82%A4%ED%85%8D%EC%B3%90%EC%99%80%EB%A7%88%EC%9D%B4%ED%81%AC%EB%A1%9C%EC%84%9C%EB%B9%84%EC%8A%A4%EC%95%84%ED%82%A4%ED%85%8D%EC%B3%90%EB%B9%84%EA%B5%90.png?raw=true) # Microservice Architecture(MSA) 구현 및 연동 흐름 이해하기 ## 예제를 활용한 흐름 ![image](https://github.com/miruy/blog_markdown_image/blob/master/stsspringmvc%20%EC%97%B0%EB%8F%99%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8.png?raw=true) ### 실습한 예제 > DB연동은 하지 않고, 각기 다른 두 개의 서버에서 필요한 데이터를 서로 주고 받는 *흐름*을 확인함 *1. request (요청)가 Catalogs서버로 들어왔을 때(Catalogs DB에 있는 데이터를 요청한 경우) → Catalogs서버에서 바로 response (응답)해주어 브라우저에 출력* *2. request (요청)가 Catalogs서버로 들어왔을 때(Customers DB에 있는 데이터를 요청한 경우) → Catalogs서버가(자신에게 없는 데이터이므로) Customers서버로 필요한 데이터를 요청 한 후 다시 응답을 순서대로 받아 브라우저에 출력* ## 구현 및 연동 1. New - Spring Starter Project - 사진과 같이 작성(Group과 Package 동일하게 작성) ![image](https://github.com/miruy/blog_markdown_image/blob/master/%EB%A7%88%EC%9D%B4%ED%81%AC%EB%A1%9C%EC%84%9C%EB%B9%84%EC%8A%A4%20%EC%95%84%ED%82%A4%ED%85%8D%EC%B3%90%20%EA%B5%AC%ED%98%84%20%EC%98%88%EC%A0%9C%201.png?raw=true) 2. src/main/java 안에 패키지 생성 시 다중패키지 형식 적용 (ex : com.example.msa.패키지명) 3. 예제 실습 > Spring Starter Project - pom.xml 의 < dependencies> 부분에 관련 설정이 가능한 프로젝트 - 다양한 Spring 및 관련 기술을 위한 약 50개 이상의 Spring Boot Starter 제공 ## 예제 실습 강사님 클라우드에서 가져와 코드 업로드하기 ### •Catalogs 서비스(서버) ### CatalogApplicaton(메인 클래스) ~~~java package com.example.msa; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.context.annotation.ComponentScan; @ComponentScan("com.example.msa") @SpringBootApplication public class CatalogsApplication { public static void main(String[] args) { SpringApplication.run(CatalogsApplication.class, args); } } ~~~ ### CatalogsController클래스 ~~~java package com.example.msa.controller; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PathVariable; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RestController; import com.example.msa.service.CustomerApiService; @RestController @RequestMapping("/catalogs/customerinfo") public class CatalogsController { @Autowired private CustomerApiService customerApiService; @GetMapping(path="/{customerId}") public String getCustomerInfo(@PathVariable String customerId) { String customerInfo = customerApiService.getCustomerDetail(customerId); System.out.println("response customerInfo : " + customerInfo); return String.format("[Customer id = %s at %s %s]", customerId, System.currentTimeMillis(), customerInfo); } } ~~~ ### CustomerAPIService 인터페이스(Catalogs→Customer로 요청 시 필요) ~~~java package com.example.msa.service; public interface CustomerApiService { String getCustomerDetail(String customerId); } ~~~ ### CustomerAPIServiceImpl 클래스 ~~~java package com.example.msa.service; import org.springframework.stereotype.Service; @Service public class CustomerApiServiceImpl implements CustomerApiService{ @Override public String getCustomerDetail(String customerId) { return customerId; } } ~~~ ### application.yml - yml : 야믈 형식의 속성파일 - yml 야믈파일은 (들여쓰기 = . )으로 인식되므로 꼭 들여쓰기 해주어야 함 ~~~java server: port: 8081 //두개의 서버를 사용해야하기 때문에 서버포트번호 달라야함 spring: application: name: catalog ~~~ --------- ### •Customer 서비스(서버) - Catalogs서비스에서 요청을 받아 데이터를 응답해주는 클래스이므로 Service는 생성하지 않음 ### CustomerApplicaton(메인 클래스) ~~~java package com.example.msa; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.context.annotation.ComponentScan; @ComponentScan("com.example.msa") @SpringBootApplication public class CustomersApplication { public static void main(String[] args) { SpringApplication.run(CustomersApplication.class, args); } } ~~~ ### CustomerController ~~~java package com.example.msa; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.context.annotation.ComponentScan; @ComponentScan("com.example.msa") @SpringBootApplication public class CustomersApplication { public static void main(String[] args) { SpringApplication.run(CustomersApplication.class, args); } } ~~~ ### application.properties - properties 형식의 속성파일 ~~~java server.port=8082 //Catalogs 서비스와 다른 서버를 사용해야하므로 다른 포트번호 spring.application.name=customer ~~~ # Spring Cloud Component ## Cloud - 개인의 개념 : 기본적인 데이터 백업용 서버 - 회사의 개념 : 언제 어디서든 인터넷(서버)에 접속 가능하고, 물리적으로 서비스 실행이 가능하도록 서비스를 클라우드에 구축하는 것(IaaS : 인프라로써의 서비스) ### 장점 - 클라우드를 사용하는 동안, 사용한 만큼의 이용료만 냄 - 서비스 요청의 양에 따라 물리적인 공간이 늘었다 줄었다 할 수 있음 - 직접 서버를 만들지 않아도 되므로 사용하기 용이함 ## Cloud의 서비스 개념(가장 많이 사용되는) • IaaS : 서비스로써의 인프라 서비스 • SaaS : 서비스로서의 스토리지 - 클라우드를 통해서 프로그램 및 서비스를 제공(ex : 한컴, MS365 office등) • PaaS : 서비스로서의 플랫폼 - 운영체제를 제공해주어 (윈도우, 맥, 리눅스 등) 윈도우 환경을 제공해주는 것 •정리 *클라우드를 통해서 내가 만든 프로젝트가 실행되는 과정* 여러사람들이 카탈로그 또는 커스터머서버에 요청을 할 수도 있고, 카탈로그와 커스터머가 서로 요청을 주고받을 수도 있다(이때는 json으로 REST하게 ) - 이때 카탈로그서버 따로, 커스터머스서버 따로 분리하여 진행한다면 : 애자일 방식, 마이크로서비스 방식 - 통짜 구조로 하나의 어플리케이션으로 묶어 진행한다면 : 모놀리식 방식 ------------------- # Spring Cloud Component - Component : 구성 요소 - 서비스(서버)들이 서로 연동될 때 유연하게 요청,응답이 이루어지도록 하기위해서 component(구성요소)가 필요 ## Compomnent 구성요소 1. Hytrix - CircuitBreaker패턴 서버들 간의 요청과 응답 시 한 서버에서 문제(에러, 지연)가 발생했을 경우서비스가 돌아가지만 문제내용을 브라우저에 보여주는 방식 2. Client Side LoadBalancing 클라이언트들의 많은 요청으로 인해 부하(많이 몰린 현상)가 발생했을 경우 다른 서버를 하나 더 두어 요청을 분산하는 방식 3. Eureka 서비스 관리, 마이크로서비스들의 정보를 레지스트리에 등록할 수 있도록 하고 마이크로서비스의 동적인 탐색과 LoadBalancing(부하분산) 을 제공 4. API GateWay : LoadBalancing(부하분산) 서비스로, 요청 시 중간에서 요청을 처리하는 적합한 서비스(서버)로 분리하는 방식 히스트릭스 카탈로그서비스에 적용 지연, 에러 발생 시 커스터머서버에서 호출한 경우 카탈로그에서 에러가 발생 바로 답을 주지 못하고 띨레이는 되는 경우 지연 별도의 메서드를 이용해 장애를 전파 해주며 방지하는 방식 구현 --------------- ## [Spring Cloud Component] Hystrix CircuitBreaker 게시글 ● Hystrix • CircuitBreaker(서킷 블레이크)패턴 : 서버들 간의 요청과응답 시 한 서버에서 문제(에러, 지연)가 발생했을 경우 서비스가 돌아가지만 문제내용을 브라우저에 보여주는 방식 > 제 3자가 문제점을 인지하고 해결하는 방식으로, Service클래스에서 문제 내용을 표출하는 메서드 생성 ✔️ 핵심! controller 클래스 - @EnableCircuitBreaker service 클래스 - @HystrixCommand(fallbackMethod="getCustomerDetailFallback") / getCustomerDetailFallback 메서드 ### pom.xml dependency 설정 ![image](https://github.com/miruy/blog_markdown_image/blob/master/hystrix%EB%94%94%ED%8E%9C%EB%8D%98%EC%8B%9C%EC%84%A4%EC%A0%95.png?raw=true) ### Service 클래스 ~~~java package com.example.msa.service; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Service; import org.springframework.web.client.RestTemplate; import com.netflix.hystrix.contrib.javanica.annotation.HystrixCommand; /* * @Service : 해당 클래스를 서비스라고 선언 및 서비스 객체(bean)자동 생성 * - @Reporitory, @RestController, @Controller 도 모두 선언 및 객체 자동 생성을 의미 */ @Service public class CustomerApiServiceImpl implements CustomerApiService{ /* * 기존 * - Jsp의 jdbcTemplate-오라클 드라이버와 연동, * - 스프링의 sqlSessionTemplate-쿼리문 사용 및 DB연동 * 을 위해 사용한 개념과 같이 * - HTTP서버와 연동을 해야하기 때문에 RestTemplate사용 * * RestTemplate : REST API 호출 이후 응답을 받을 때까지 기다리는 동기 방식 * 자동주입 */ @Autowired private RestTemplate restTemplate; //Hystrix의 기능을 적용할 메서드 @Override @HystrixCommand(fallbackMethod="getCustomerDetailFallback") public String getCustomerDetail(String customerId) { return restTemplate.getForObject("http://localhost:8082/customers/" + customerId , String.class); } //위의 메서드가 제대로 실행되지 않을 경우 실행할 메서드 (변명의 개념=Fallback) public String getCustomerDetailFallback(String customerId, Throwable ex) { System.out.println("Error : " + ex.getMessage()); return "고객 정보 조회가 지연되고 있습니다."; } } ~~~ ### 문제가 발생한 컨트롤러 클래스 ~~~java package com.example.msa; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.cloud.client.circuitbreaker.EnableCircuitBreaker; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.ComponentScan; import org.springframework.web.client.RestTemplate; /* * @ComponentScan : 정의하는 경로의 모든 클래스를 스캔하여 자동으로 bean 등록 * @SpringBootApplication : main 메소드가 선언된 클래스를 기준으로 실행되며 * 스프링 부트의 기본적인 설정을 해주는 어노테이션(='이거 스프링부트 사용한다') * * @EnableCircuitBreaker : 서킷의 개념 이해하기, 전화를 걸때 사용하는 중간중간의 기지국 장비들간의 이어지는 연결 처럼, * 요청과 응답 간에 중간 연결을 캐치하는 어노테이션 */ @ComponentScan("com.example.msa") @EnableCircuitBreaker @SpringBootApplication public class CatalogsApplication { @Bean //생성자 자동 주입 및 bean 자동 새성 public RestTemplate restTemplate() { return new RestTemplate(); } /* * SpringApplication.run(CatalogsApplication.class, args) * : 클래스 위의 선언된 @SpringBootApplication의 동작 방식 * - SpringApplication은 @SpringBootApplication어노테이션에 속함 * - Java 기본 메소드에서 Spring 애플리케이션을 부트스트랩하고 실행하는 데 사용할 수 있는 클래스로, * 기본적으로 클래스는 애플리케이션을 부트스트랩하기 위해 다음 단계를 수행 */ public static void main(String[] args) { SpringApplication.run(CatalogsApplication.class, args); } } ~~~ ------- ## [Spring Cloud Component] Client Side LoadBalancer - Ribbon 게시글 ● Client Side LoadBalancer : 클라이언트(여기서의 클라이언트는 브라우저가 아닌 RestTemplate를 말함)들의 많은 요청으로 인해 부화(많이 몰린 현상)가 발생했을 경우 다른 서버를 하나 더 두어 요청을 분산하는 방식 • Ribbon(리본) : L4 또는 L7 스위치를 이용해 클라이언트(RestTemplate)의 많은 요청을 적절하게 현재 여유있는 서버로 분산하여 보내는 방식 > API Gateway도 Ribbon을 통해 Backend service를 LoadBalansing을(부화 분리)하며, Ribbon은 API Gateway없이 대상 어플리케이션을 직접 LoadBalansing을(부화 분리)하여 연결할 수도 있음 ## Riboon 구성 요소 •Rule : 요청을 보낼 서버를 선택하는 논리 •Ping : 서버가 살아있는지 체크하는 논리 (살아있니? <-> 살아있어) •ServerList : LoadBalansing(부하 분리)를 위한 서버 목록 (여러개의 서버가 필요하므로) 서버목록 생성 방법 - Configuration file(application.yml)을 통해 직접 서버 목록 작성 - Eureka를 통한 동적 서버 목록 생성 ## Ribbon 방식 종류 •Round Robin방식 : Ribbon의 기본방식으로, 물품 배급과 같이 한 서버에 한 서비스 씩 분리하는 방식(ex : 1하나, 2하나, 3하나 다시 1하나, 2하나, 3하나) •AvailabilityFilteringRule방식 : 에러가 많은 서버는 제외하는 방식 • WeightedResponseTimeRule방식 : 서버별 응답 시간에 따라 빠른 응답을 하는 서버에게로 보내는 방식 (ping을 하기 때문에 응답이 빠르고 느리고를 체크할 수 있음) > ✔️ 핵심! •CatalogApplication 메인 클래스 - @LoadBalanced *부화분리를 위해 RestTemplate 객체에 Ribbon을 적용하기 위해 RestTemplate가 생성되는 생성자에 @LoadBalanced 선언* •CustomerAPIServiceImpl 클래스 - 경로를 localhost8080 대신 customer 여러개의 서버로 분리하기 위해서 요청 url에 서버가 표시되지 않도록 정의해놓은 경로로 요청 •application.yml - Ribbon 관련 설정 적용 *부화분리를 위해 서버리스트를 작성하여 분리해야하므로 야믈파일에 로컬호스트 명시* ### pom.xml dependency 설정 ![image](https://github.com/miruy/blog_markdown_image/blob/master/Ribbon%EB%94%94%ED%8E%9C%EB%8D%98%EC%8B%9C%EC%84%A4%EC%A0%95.png?raw=true) ### CatalogApplication 클래스(메인 클래스) ~~~java package com.example.msa; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.cloud.client.circuitbreaker.EnableCircuitBreaker; import org.springframework.cloud.client.loadbalancer.LoadBalanced; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.ComponentScan; import org.springframework.web.client.RestTemplate; /* * @ComponentScan : 정의하는 경로의 모든 클래스를 스캔하여 자동으로 bean 등록 * @SpringBootApplication : main 메소드가 선언된 클래스를 기준으로 실행되며 * 스프링 부트의 기본적인 설정을 해주는 어노테이션(='이거 스프링부트 사용한다') * * @EnableCircuitBreaker : 서킷의 개념 이해하기, 전화를 걸때 사용하는 중간중간의 기지국 장비들간의 이어지는 연결 처럼, * 요청과 응답 간에 중간 연결을 캐치하는 어노테이션 */ @ComponentScan("com.example.msa") @EnableCircuitBreaker @SpringBootApplication public class CatalogsApplication { @Bean //생성자 자동 주입 및 bean 자동 새성 @LoadBalanced //RestTemplate에 리본 적용, 리본적용된 객체가 생성될 때 부화분리(LoadBalanced)되게 생성됨 public RestTemplate restTemplate() { return new RestTemplate(); } /* * SpringApplication.run(CatalogsApplication.class, args) * : 클래스 위의 선언된 @SpringBootApplication의 동작 방식 * - SpringApplication은 @SpringBootApplication어노테이션에 속함 * - Java 기본 메소드에서 Spring 애플리케이션을 부트스트랩하고 실행하는 데 사용할 수 있는 클래스로, * 기본적으로 클래스는 애플리케이션을 부트스트랩하기 위해 다음 단계를 수행 */ public static void main(String[] args) { SpringApplication.run(CatalogsApplication.class, args); } } ~~~ ### CustomerAPIServiceImpl 클래스 ~~~java package com.example.msa.service; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Service; import org.springframework.web.client.RestTemplate; import com.netflix.hystrix.contrib.javanica.annotation.HystrixCommand; /* * @Service : 해당 클래스를 서비스라고 선언 및 서비스 객체(bean)자동 생성 * - @Reporitory, @RestController, @Controller 도 모두 선언 및 객체 자동 생성을 의미 */ @Service public class CustomerApiServiceImpl implements CustomerApiService{ /* * 기존 * - Jsp의 jdbcTemplate-오라클 드라이버와 연동, * - 스프링의 sqlSessionTemplate-쿼리문 사용 및 DB연동 * 을 위해 사용한 개념과 같이 * - HTTP서버와 연동을 해야하기 때문에 RestTemplate사용 * * RestTemplate : REST API 호출 이후 응답을 받을 때까지 기다리는 동기 방식 * 자동주입 * * Ribbon 적용 * RestTemplate가 직접 Customers서비스(서버)에게 직접 요청해야하므로 직접 경로 요청 안됨 * - localhost:8082 대신 customer로 작성 후 application.yml파일에서 서버리스트 작성 * - 실제 브라우저 url 경로 : http://localhost:8082/customers/123 */ @Autowired private RestTemplate restTemplate; //리본 적용해줘야함 //히스트릭스의 기능 적용할 메서드 @Override @HystrixCommand(fallbackMethod="getCustomerDetailFallback") public String getCustomerDetail(String customerId) { return restTemplate.getForObject("http://customer/customers/" + customerId , String.class); } //위의 메서드가 제대로 실행되지 않을 경우 실행할 메서드 (변명의 개념=Fallback) public String getCustomerDetailFallback(String customerId, Throwable ex) { System.out.println("Error : " + ex.getMessage()); return "고객 정보 조회가 지연되고 있습니다."; } } ~~~ ### CustomerController 클래스 - 에러 발생 코드 삭제 ~~~java package com.example.msa.contoller; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PathVariable; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RestController; @RestController @RequestMapping("/customers") public class CustomerController { @GetMapping("/{customerId}") public String getCustomerDetail(@PathVariable String customerId) { System.out.println("request customerId : " + customerId); // throw new RuntimeException("I/O Exception!"); return "[Customer id=" + customerId + "at" + System.currentTimeMillis()+"]"; } } ~~~ ### application.yml - yml ; 야믈 형식의 속성파일 ~~~javascript server: port: 8081 spring: application: name: catalog customer: rebbon: listOfServers: localhost:8082 # 서버가 많아지면 아래로 쭉 적어서 리스트 만들어주면됨 # yml 야믈파일은 들여쓰기 = . 으로 인식되므로 꼭 들여쓰기 해주어야 함 ~~~ ----------- --------------- # Spring Cloud Component - Component : 구성 요소 - 서비스(서버)들이 서로 연동될 때 유연하게 요청,응답이 이루어지도록 하기위해서 component(구성요소)가 필요 # Eureka • Eureka : 서비스의 LoadBalansing(부하 분리)과 문제발생 등을 유연하게 처리하기 위해 각 서비스들의 IP / Port / InstanseId(인스턴스아이디)를 가지고 있는 REST기반의 서버 > Eureka라는 REST기반의 서버를 생성하여 사용 ## Eureka 서버 동작 방식 가상화된 Eureka서버를 이용하여 여러대의 다른 서버를 사용할 수 있음 →Eureka서버 리스트에 사용되는 서버들이 올라감 ## Eureka 서버의 기능 •서버 리스트에 올라간 다른 서버들에게 ping을 날려(가용상태(health check)를 확인) 서버의 응답상태를 주기적으로 확인서버가 더 필요하면 자동으로 서버가 늘어나고, 사용되지 않는 서버는 줄어듬 = AuthScaling(오토스케일링) •Ribbon과 결합하여 서버 리스트 관리 및 갱신 가능 ## 예제 > ✔️ 핵심! controller 클래스 - @EnableCircuitBreaker service 클래스 - @HystrixCommand(fallbackMethod="getCustomerDetailFallback") / getCustomerDetailFallback 메서드 ### EurekaServer클래스의 pom.xml dependency 설정 ![image](https://github.com/miruy/blog_markdown_image/blob/master/%EC%9C%A0%EB%A0%88%EC%B9%B4%20%EC%84%9C%EB%B2%84%EB%A1%9C%20%EC%84%A0%EC%96%B8%ED%95%98%EB%8A%94%20%EC%84%A4%EC%A0%95.png?raw=true) ### Catalogs클래스의 pom.xml dependency 설정 ![image](https://github.com/miruy/blog_markdown_image/blob/master/Catalog%EC%84%9C%EB%B9%84%EC%8A%A4%EC%84%9C%EB%B2%84%EB%A5%BC%20%EC%9C%A0%EB%A0%88%EC%B9%B4%20%EC%84%9C%EB%B2%84%EC%9D%98%20%ED%81%B4%EB%9D%BC%EC%9D%B4%EC%96%B8%ED%8A%B8%EB%A1%9C%20%EC%A7%80%EC%A0%95%ED%95%98%EB%8A%94%20%EC%84%A4%EC%A0%95.png?raw=true) ### EurekaServerApplication 클래스(메인 클래스) ~~~java package com.example.demo; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.cloud.netflix.eureka.server.EnableEurekaServer; @SpringBootApplication @EnableEurekaServer //ca,cu 이외의 유레카라는 서버하나 더 추가됨, 유레카 서버임을 선언 public class EurekaServerApplication { public static void main(String[] args) { SpringApplication.run(EurekaServerApplication.class, args); } } ~~~ ### CatalogsApplication 클래스(Eureka서버 리스트에 등록되는 클라이언트가 되는 서비스 서버) ~~~java package com.example.msa; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.cloud.client.circuitbreaker.EnableCircuitBreaker; import org.springframework.cloud.client.loadbalancer.LoadBalanced; import org.springframework.cloud.netflix.eureka.EnableEurekaClient; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.ComponentScan; import org.springframework.web.client.RestTemplate; /* * @ComponentScan : 정의하는 경로의 모든 클래스를 스캔하여 자동으로 bean 등록 * @SpringBootApplication : main 메소드가 선언된 클래스를 기준으로 실행되며 * 스프링 부트의 기본적인 설정을 해주는 어노테이션(='이거 스프링부트 사용한다') * * @EnableCircuitBreaker : 서킷의 개념 이해하기, 전화를 걸때 사용하는 중간중간의 기지국 장비들간의 이어지는 연결 처럼, * 요청과 응답 간에 중간 연결을 캐치하는 어노테이션 */ @ComponentScan("com.example.msa") @EnableCircuitBreaker @EnableEurekaClient //(enable : 실행되면)유레카 클라이어트라는 선언 @SpringBootApplication public class CatalogsApplication { @Bean //생성자 자동 주입 및 bean 자동 새성 @LoadBalanced //RestTemplate에 리본 적용, 리본적용된 객체가 생성될 때 부화분리(LoadBalanced)되게 생성됨 public RestTemplate restTemplate() { return new RestTemplate(); } /* * SpringApplication.run(CatalogsApplication.class, args) * : 클래스 위의 선언된 @SpringBootApplication의 동작 방식 * - SpringApplication은 @SpringBootApplication어노테이션에 속함 * - Java 기본 메소드에서 Spring 애플리케이션을 부트스트랩하고 실행하는 데 사용할 수 있는 클래스로, * 기본적으로 클래스는 애플리케이션을 부트스트랩하기 위해 다음 단계를 수행 */ public static void main(String[] args) { SpringApplication.run(CatalogsApplication.class, args); } } ~~~ ### EurekaServer의 application.properies - 속성파일 ~~~javascript server.port=8761 spring.application.name=EurekaServer ~~~ ### Catalogs의 application.yml - yml : 야믈 형식의 속성세팅 파일 ~~~javascript server: port: 8081 spring: application: name: catalog eureka: instance: prefer-ip-address: true client: server-url: defaultZone: http://127.0.0.1:8761/eureka ~~~ ## Eureka 서버 사이트 화면 ### Eureka 서버 사이트 ![image](https://github.com/miruy/blog_markdown_image/blob/master/%EC%9C%A0%EB%A0%88%EC%B9%B4%EC%84%9C%EB%B2%84%20%EC%82%AC%EC%9D%B4%ED%8A%B8.png?raw=true) ### Catalogs 서비스 서버가 Eureka 서버리스트에 등록된 모습 ![image](https://github.com/miruy/blog_markdown_image/blob/master/catalogs%EC%84%9C%EB%B2%84%20%EC%9C%A0%EB%A0%88%EC%B9%B4%EC%84%9C%EB%B2%84%EC%97%90%EC%84%9C%20%EC%84%9C%EB%B2%84%EB%A6%AC%EC%8A%A4%ED%8A%B8%EB%A1%9C%20%EC%83%9D%EC%84%B1%EB%90%A8.png?raw=true) ---------------------------- # Spring Cloud Component - Component : 구성 요소 - 서비스(서버)들이 서로 연동될 때 유연하게 요청,응답이 이루어지도록 하기위해서 component(구성요소)가 필요 # API Gateway • API Gateaay : 하나의 서비스가 하나 이상의 서버를 가질 때 들어오는 모든 Client의 요청을 받는 통로 > API Gateway Zuul과 통합적으로 생각해도 무관 ## API GateWay의 주요 기능 - 인증/인가의 기능 •인증 : API 를 호출하는 클라이언트에 대한 identity(신분)를 확인 해주는 기능 •인가 : 클라이언트가 API를 호출할 수 있는 권한이 있는지를 확인해주는 기능 - API Token 발급 •사용자가 API를 호출할 수 있는 Token을 발급해줌 → API 서버는 이 Token을으로 사용자의 identity 와 권한을 확인한후, API 호출을 허가 > 클라이언트를 인증한 후, 이러한 API 토큰을 생성 및 발급해주는 역할 - 마이크로 서비스로의 routing 역할 •요청의 따라 어플리케이션 내부에 있는 분리되어 있는 서비스 서버로 routing(해당 주소로 보내는)하는 역할 # Zuul 서버 - 하나의 서비스가 하나 이상의 서버(=마이크로 서버 : 기능마다 분리된)를 가질 수 있는데, *서비스가 하나이므로 모든 요청이 API Gateway로 들어오게 됨* 이때. 어느 요청이 어느 서비스서버(=마이크로 서버)로 요청되어야 적합한지를 판단하는 안내자(=Proxy)가 필요하며(코드에 어노테이션으로 적용됨) 안내자(=Proxy)는 여러개의 end-point(=끝 부분,요청에 대한 최종목적지 서버)를 알고 있어야 함 - Zuul서버의 안내자(Proxy)가 단일 end-point 역할을 함 - Hystrix(부화 분리), Ribbon(부화 분리), Eureka(서버)의 역할을 통합적으로 함 ## API Gateway Zuul 순서 **API Gateway → Zuul 서버 → Proxy에 의한 end-point확인 → 알맞은 서비스 서버로 요청을 전달** ## API Gateway Zuul의 역할 •API Gateway Zuul : API Gateway로 받은 요청을 처리하기 알맞은 서비스 서버(마이크로 서버)로 분리하여 전달하는 중계자 역할의 서버 ## API GateWay Zuul의 주요 기능 - 모니터링 기능 - 부하 테스트 기능 - Trapic Drop(트래픽 드랍) : 너무 많은 요청이 API Gateway로 들어오면(부하) 자르는 기능 - 정적인 응답 처리 기능 ## 예제 - Zuul 서버를 앞서 생성한 Eureka 서버의 서버리스트에 등록하여 안내자,중계자 역할을 하는 Proxy서버의 역할을 함 > ✔️ 핵심! •pom.xml - client, zuul, retry 관련 설정 •ZuulServerApplication 클래스 - @EnableZuulProxy - Eureka서버의 안내자 역할(Proxy)을 하는 서버라는 선언 •application.yml - eureka서버리스트 등록 설정 / server port 설정 / zuul - routes 설정 - eureka서버리스트 등록 설정 : zuul서버를 eureka서버에 등록하여 중계자 역할을 하겠다. - server port 설정 : 정의해놓은 해당 포트번호(API Gateway)로 요청이 들어온다면 zuul서버로 전달하겠다. - zuul - routes 설정 : zuul서버가 전달받은 요청을 routing(알맞은 주소로 보내는)하겠다. ### pom.xml 관련 설정 ~~~java 4.0.0 org.springframework.boot spring-boot-starter-parent 2.3.9.RELEASE com.example ZuulServer 0.0.1-SNAPSHOT ZuulServer Demo project for Spring Boot 1.8

2.2.5.RELEASE

org.springframework.boot spring-boot-starter org.springframework.boot spring-boot-starter-test test org.springframework.cloud spring-cloud-starter-netflix-eureka-client ${spring-cloud-version} org.springframework.cloud spring-cloud-starter-netflix-zuul ${spring-cloud-version} org.springframework.retry spring-retry org.springframework.boot spring-boot-maven-plugin ~~~ ### ZuulServerApplication 클래스 (메인 클래스) ~~~java package com.example.demo; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.cloud.client.discovery.EnableDiscoveryClient; import org.springframework.cloud.netflix.zuul.EnableZuulProxy; /* * @EnableEurekaClient와 같은 의미로, 서버에 등록되기 위한 어노테이션 * Discovery : 모든 서버 타입을 다 받는 확장 개념 */ @EnableZuulProxy //쥴 서버의 안내자라는 선언 @EnableDiscoveryClient @SpringBootApplication public class ZuulServerApplication { public static void main(String[] args) { SpringApplication.run(ZuulServerApplication.class, args); } } ~~~ ### ZuulServer의 application.yml ~~~javascript spring: application: name: zuul server: port: 8080 zuul: routes: catalog: path: /catalogs/** service-id: catalog stripPrefix: false customer: path: /customers/** service-id: customer eureka: instance: non-secure-port: ${server.port} prefer-ip-address: true client: service-url: defalutZone: http://localhost:8761/eureka ~~~ # Spring Cloud Config ## ConfigServer - 설정 서버 - Spring Cloud ConfigServer를 통해 DB, 요청 데이터 등의 정보를 얻어와 클라이언트(브라우저)에게 보여줌 - ConfigServer에서 애플리케이션 배포를 담당하는 Spring Cloud Bus를 이용하여 애플리케이션 배포 ## Spring Cloud Bus - 서비스들 간의 실시간 메세지 통신 역할을 하는 RabbitMQ를 이용하여 변경된 설정 내용을 알리고 수정을 요청 - 애플리케이션 배포 컨피그 서버의 설정 값이 변경될 경우 자동으로 수정된 정보가 반영되지 않기 때문에 - 마이크로 서비스를 제시작하거나 - 클라이언트한에 POST로 요청하여 직접 가져와서 수정해줘야함 > 마이크로 서비스 개수가 많을 경우 힘드니까 MEssageBroker를 사용해야함 변경정보 갱신 시 컨피그 서ㅓ는 마이크로 서비스드ㅜㄹ에게 변경하라고 알려줘야함 이게 레빗 엠큐를 사용하는거다 레빗 엠(message의 m)큐랑 얼랭(언어) 설치해서 사용해야함 예제에서는 준비해둔 버전으로 사용 컨피그 클라이언트가 컨피그 서버로부터 설정정보를 얻어옴 설정정보가 변경되면 서버가 클라이언트에게 주는 것 POST로 보내는 정보로 갱신리프레시 할거다 API : 애플리케이션 프로그래밍 인터페이스(Application Programming Interfaces, API) 는 뛰어난 유연성과 편의성, 안전성 및 제어 기능을 활용해 이러한 작업을 수행할 수 있는 핵심 요소입니다. # Microservice Depolyment - 개발된 마이크로서비스는 독립된 서비스 도커를 이용한 마이크로서비스가 배포되는 개념 이해 마이크로서비스를 실행하기 위해 고려할 수 있는환경 - 가상머신 - 컨테이너 기술 - 다양한 클라우드 플랫폼 # 프로젝트 준비 이커머스 : 인터넷상에서의 물품 구매 거래 (전자상거래) ex : 카카오톡api, ksnet, keyClock ## 깃 협업과정 알아보기 1. 프로젝트 주제 정하기 각자 2개씩 금요일 5시 쉬는 시간까지 의견 나누기 2. 깃 허브 협업과정 공부하고 블로그 정리 다시하기 스프링 작업 중 문제 발생 시 1. 메이븐 업데이트 2. 이클립스 종료 후 로컬 리파지토리 내용 삭제 다시 이클립스 실행 프리퍼런스-메이븐-유저세팅즈-로컬 리퍼지토리 경로 위의 로컬 리퍼지토리 경로를 터미널로 들어가 내용 삭제 3. 작업폴더 변경 및 프로젝트 재생성 4. 시스템 재부팅 # Docker 개념 ## Docker를 사용하는 이유 - 시대적으로 소프트웨어(sw) 운영 플랫폼이 변화되어감에 영향이 큼 - **서비스의 중단 없이 웹어플리케이션을 계속 운영해야하는 환경이 필요함에 따라 최적의 환경이 Docker** - **개발자가 개발한 웹어플리케이션이 고객사가 운영할 때에도 똑같은 운영환경으로 운영 가능 - 컨테이너에 운영환경을 세팅하여 같이 보내기때문** - 개념 : 컴퓨터에 넓은 컨테이너 엔진을 놓고 컨테이너 엔진 위에 여러개의 컨테이너들을 올린 후 그 여러개의 컨테이너들 안에 필요한 웹어플리케이션을 넣어 사용 > 따라서 여러개의 컨테이너들을 올릴 수 있어 *확장성*이 좋고, *배포*가 쉬움 ## 왜 컨테이너라는 것을 사용할까? - 컨테이너는 독립된 공간이기 때문에 웹어플리케이션을 운영하기 위해 필요한 환경 및 설정들을 컨테이너 내부에 할 수 있음 > 예시 농장에서 재배한 과일을 신선하게 배송해야할 때 과일을 컨테이너에 담아서 유통하게되고 과일이 건조 또는 냉동 등의 유통환경 조건이 있을 수 있음 그때 도커의 컨테이너 역할 : **냉동환경이 필요하다면 컨테이너에 냉동설비를 하고, 건조환경이 필요하다면 컨테이너에 건조설비를 할 수 있음** ## 왜 리눅스 환경에서 Docker를 실행할까? - 애초에 리눅스에서 **리눅스 커널 기능**이라는 것을 적용하여 Docker를 만듬 - 리눅스에서 Docker 실행 시 이미 세팅되어있는 기능들로 인해 편함 - Window / Mac OS에서 Docker 실행 시 Hypervisor 가상화 기능을 활성화 시킨 후 실행해야하는 번거로움 발생 ### 리눅스 커널 기능 - chroot (크롯) : 컨테이너에 독립된 공간을 형성시키는 기능 - namespace (네임스페이스) : 독립된 공간안에 하나의 가상 프록시스템인것 처러 6가지의 isolate(아이솔레이트)기능을 지원 왜 굳이 리눅수에서 컨테이너를 돌리나? 애초에 리눅스 커널 기능으로 만들어짐 리눅스 커널 기능 : - chroot : 독립된 공간형성 - namespace : 독립된 공간들이 서로 충돌하지 않도록 제어하는 6가지 기능 1. mnt (파일 시스템 마운트) : 호스트 파일시스템에 구애받지 않고 독립적으로 파일시스템을 마운트하거나 언마운트를 할 수 있음 - 마운트 : ~를 이용하여 사용하는 등의 일련의 상황 2. pid (프로세스) : 독립적인 프로세스 공간을 할당시키는 기능 3. net (네트워크) : namespace 간에 network의 충돌을 방지하는 기능(중복 포트 바인딩 등) 4. ipc (SystemV IPC) : 프로세스간의 독립적인 통신통로를 할당하는 기능 5. uts (hostname) : 독립적인 hostname을 할당하a는 기능 6. user (UID) : 독립적인 사용자를 할당하는 기능 - cgroup (씨그룹) : 필요한 만큼의 하드웨어를 지원 *위의 3가지 기능으로 컨테이너를 만듬* 도커 설치 컴퓨터에 도커데스크탑 설치 후 사용 도커 계정 등록 도커데스크뎁 설치 하이퍼바이저 가상화 기능 활성화 난 안함 도커 동작 상태 확인 도커 기본 명령어 docker version : 현재 사용중인 도커 버전 docker login : ID, 비밀번호 입력 계정 로그인해야 사용가능 docker pull ngnix : nginx라는 이미지 다운 docker images : 내가 가지고 있는 도커 이미지 리스트 조회 docker ps : 사용중인 (포트열려서 사용중인) 컨테이너 조회 docker rm -f web : web이라는 이름을 가진 컨테이너 삭제 , -f : 강제종료후 삭제 옵션 docker rmi nginx : 이미지 삭제 + 이미지 명(nginx) + docker run --name web -d -p 80:80 nginx : 다운받은 이미지들이 컨테이너화 된 상태를 실행하기 web이라는 이름의 8080포트 sudo lsof -i :8080 : 8080 포트가 사용중인지 확인 kill -9 14696 : PID번호 14696을 가진 8080포트를 죽이기 curl localhost:80 : 고객커스트머) 입장에서 localhost:80이라는 포트로 들어가면 웹사이트 모양 HTML태그 나옴 (=고객 입장에서 내가 포트 연 사이트로 들어간거임 = 배포) docker stop web : web이라는 컨테이너 정지 docker rm web : web이라는 컨테이너 삭제 (컨테이너 이미지는 남아있음) docker rmi nginx:latest 또는 docker rm image nginx:latest : nginx:latest 라는 컨테이너 이미지 삭제 # 컨테이너의 운영방식 - 컨테이너는 하나의 Application 프로세스 > 예시 Java | JSP | MySQL 각각 독립된 공간으로 기능을 발휘하며 개발자 입장에서는 각각 독립된 공간들을 합쳐 하나의 웹어플리케이션을 개발하는 것임 (| = isolate 독립적 공간) ## Docker Host - Docker Demon이 동작되고 있는 리눅스 커널 기능이 있는 시스템 (= 도커를 사용하기 위한 세팅이 되어 있는 컴퓨터) ## 컨테이너의 내부 구조 run Java test.jsp : 이 컨테이너를 동작시키는 방법 (이 컨테이너가 동작할 때 Java를 실행하여 test.jsp가 실행되도록 하는 것) / UUID로 이미지를 저장 --------------------- test.jsp source code Later : 웹어플리케이션 실행 (test.jsp라는 프론트 단 파일) / UUID로 이미지를 저장 = 과일 ---------------------- Java base image Layer : 웹어플리케이션을 실행하기 위한 환경 설치 (test.jsp를 실행하기 위해 Java 먼저 설치) / UUID로 이미지를 저장 = 환경 설비 ---------------------- ================= : 컨테이너 엔진 (플랫폼) - 운송기구 • Container Image : 위의 3구조의 이미지를 모은 하나의 이미지 • 위의 UUID로 저장된 이미지들은 디스크에 저장되면서 파일로 저장됨 # 컨테이너와 컨테이너 이미지의 차이 ## 컨테이너 : 동작중인 컨테이너로 웹어플리케이션의 실행이 가능한 상태 ## 컨테이너 이미지 : 디스크에 이미지들이 파일들로 저장된 상태로 읽기만 가능 # 컨테이너 동작방식 ## Docker Host(도커 실행이 가능하도록 세팅된 상태의 컴퓨터) ---요청--> Docker Hub(필요한 웹 어플리케이션 환경이 세팅된 여러개의 컨테이너들 창고) ### Doncker 동작 기본 명령어 - docker search nginx : docker hub에 nginx라는 웹서버 이미지 검색 요청 - docker pull nginx:latest : docker hub에 있는 최신 nginx이미지 가져오기 (위에서 pull로 가져온 이미지를 컨테이너화 하기) - docker run -d --name web -p 80:80 nginx:latest : web이라는 이름으로 , 8080이라는 포트번호를 가진 최신 nginx이미지를 컨테이너화 하기 > run 대신 create, start가능 nginx라는 웹서버가 web이라는 이름으로 컨테이너화할 수 있음 - sudo lsof -i :8080 : 8080 포트가 사용중인지 확인 - kill -9 14696 : PID번호 14696을 가진 8080포트를 죽이기 - curl localhost:80 : 고객커스트머) 입장에서 localhost:80이라는 포트로 들어가면 웹사이트 모양 HTML태그 나옴 (=고객 입장에서 내가 포트 연 사이트로 들어간거임 = 배포) - docker stop web : web이라는 컨테이너 정지 - docker rm web : web이라는 컨테이너 삭제 (컨테이너 이미지는 남아있음) - docker rm -f web : web이라는 컨테이너가 실행중이라면 rm 뒤에 -f 붇히기 - docker rmi nginx:latest 또는 docker rm image nginx:latest : nginx:latest 라는 컨테이너 이미지 삭제 # Docker 용어 정리 1. Docker Host : Docker Demon이 동작되고 있는 시스템 2. Docker Demon : Docker를 설치하고 실행할 수 있는 환경 3. Docker Client Command : Docker Demon에게 필요한 실행기능을 요청하는 것 4. Docker Hub : 웹어플리케이션을 실행할 수 있는 환경을 세팅해둔 여러개의 컨테이너들을 저장하고 관리하는 창고 5. Container Image : 디스크에 파일의 형태로 저장된 각각 독립된 컨테이너들 6. Container : 실행중인 Container Image들을 하나의 모아놓은 큰 컨테이너 무엇을 컨테이너로 만드나 폴리글라시 : 다양한 프로그래밍언어를 사용하여 만든 웹어플리케이션 MSA : 각각의 서비스마다 컨테이너를 따로따로 만ㄷㄹ어 운영하는것 어떻게 컨테이너를 만드나 DockerFile - *컨테이너를 빌드 해주는(만들 수 있도록 도와주는) 명령어 집합 - 쉽고, 간단, 명확한 구문을 가진 test file로 top-down 해석(위에서부터 아래로 한줄한줄) - 컨테이너 이미지를 생성할 수 있는 고유의 지시어를 가짐 - 대소문자 구분하지 않으나 가독성을 위해 사용함 ``` $mkdir build $cd build $ vi dockerfile : 꼭 이름이 dockerfile 이여야지 인식함 dockerfile을 만드는 기본 지시어 예시 FROM node:12 COPY heelo.js / CMD ["node", "/hello.js"] - 위의 지시어로 dockerfile을 만들고, $dockerfile buile -t imagename:tag . - Top-Down 방식으로 한줄 한줄 해석하면서 그걸로 -t 뒤에 있는 이미지이름.태그에 해당하는 컨테이너를 실제로 만듬 ``` Dockerfile 자주사용하는 문법 - # : comment(주석. 설명) - FROM : 컨테이너의 운영환경 = Base Image / FROM뒤에 운영환경 써줘야하며 가장먼저 정의해줘야 함 - MAINTAINER : 이미지를 생성한 사람의 이름 및 정보 - LABEL : 컨테이너이미지에 컨테이너의 정보를 저장 - COPY : 컨테이너 빌드 시 Docker Host에 있는 파일을 컨테이너안으로 복사할 때 사용하는 지시어 - ADD : 컨테이너 빌드 시 Docker Host에 있는 파일(tar, url 포함)을 컨테이너안으로 복사할 때 사용하는 지시어 - WORKDIR : 컨테이너 빌드 시 명령이 실행될 작어 디렉터리 설정 - ENV : 환경변수 지정 - USER : 명령 및 컨테이너 실행 시 적용할 유저 설정 - VOLUME : 파일 또는 디렉토리를 컨테이너의 디렉토리로 마운트(~이용하여 ~하는 것) - EXPOSE : 컨테이너 동작 시 외부에서 사용할 포트 지정 - CMD : 컨테이너 동작 시 자동으로 실행할 서비스나 스크립트 지정 - ENTRYPOINT : CMD와 함께 사용하면서 command 지정 시 사용 컨테이너 배포 방법 만든 컨테이너를 허브에 넣으면 됨 1. 허가/인증 받기 이때 유저네임과 패스워드 써서 2. 도커 한테 요청 허브에 올려주기를 push 웹서버 컨테이너 / 웹 어플리케이션 / 데이터베이스 각각의 컨테이너를 생성해야함 배포 기본 명령어 ~~~docker $docker build -t hello.js:latest . : 현재 시점 ( . )안에 있는 파일을 기준으로 hello.js:latest (이름:태그)라는 파일을 빌드 $docker login : docker hub에 올리기 위한 허가/인증 받기(username, password) $docker push hello. js:latest : hello.js:latest라는 파일을 docker hub에 올리기 ~~~ 배포순서 명령어 (예시) mkdir test : test라는 폴더 생성 cd test : test폴더 안으로 이동 vim Dockerfile : 도커파일 생성(도커파일 지시어로 작성 i : 작성모드 / ESC : 작성모드 닫기 / :wq : 저장 후 나오기) cat Dockerfile : 작성한 도커파일 보기 ~~~docker - ubuntu기반의 웹서버 컨테이너 FROM ubuntu:18.04 LABEL maintainer="Yurim Kim " # 코멘트 install apache RUN apt-get update \ && apt-get install -y apache2 RUN echo "TEST WEB" > /var/www/html/index.html EXPOSE 81 CMD ["/usr/sbin/apache2ctl", "-DFOREGROUND"] ~~~ docker build -t test:v1 . : 작성한 도커파일을 test:v1이름으로 빌드(이름:태그) ~~~docker [+] Building 22.6s (8/8) FINISHED => [internal] load build definition from Dockerfile 0.0s => => transferring dockerfile: 299B 0.0s => [internal] load .dockerignore 0.0s => => transferring context: 2B 0.0s => [internal] load metadata for docker.io/library/ubuntu:18.04 2.6s => [auth] library/ubuntu:pull token for registry-1.docker.io 0.0s => CACHED [1/3] FROM docker.io/library/ubuntu:18.04@sha256:eb1392bbdde63147bc2b4ff1a405 0.0s => [2/3] RUN apt-get update && apt-get install -y apache2 19.5s => [3/3] RUN echo "TEST WEB" > /var/www/html/index.html 0.1s => exporting to image 0.3s => => exporting layers 0.3s => => writing image sha256:b765d98b3ade377efd924e0302a225783ad844ef293632f8f292db366404 0.0s => => naming to docker.io/library/test:v1 0.0s ~~~ docker run -d -p 81:81 --name test2 test:v1 : test2라는 이름으로 빌드한test:v1 실행 ~~~docker e871bc5fdcb25f5c28d7a2c67d5158271d7c0972cf2bf25f3c27f1f322d58752 ~~~ docker ps : 실행중인 컨테이너 보기 ( test:v1 실행됨) ~~~docker CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES e871bc5fdcb2 test:v1 "/usr/sbin/apache2ct…" 7 seconds ago Up 6 seconds 0.0.0.0:81->81/tcp test2 ~~~ curl localhost:81 / curl https://localhost:81 : 손님모드로 조회(CMD 또는 ENTRY에 작성한 멘트가 나옴) docker login : 도커계정 로그인 (ID, password) ~~~docker Authenticating with existing credentials... Login Succeeded Logging in with your password grants your terminal complete access to your account. For better security, log in with a limited-privilege personal access token. Learn more at https://docs.docker.com/go/access-tokens/ ~~~ docker tag test:v1 yurimkim/test:v1 : 내 도커 계정에 test:v1이라는 컨테이너를 올리기(push)전 태그 달아주기(내 ID/컨테이너 명을 태그) docker tag hellojs:latest yurimkim/hellojs:latest : 내 도커 계정에 hellojs:latest 이라는 컨테이너를 올리기(push)전 태그 달아주기(내 ID/컨테이너 명을 태그) ~~~docker docker imagee 확인 시 REPOSITORY TAG IMAGE ID CREATED SIZE test v1 b765d98b3ade 43 minutes ago 183MB yurim/test v1 b765d98b3ade 43 minutes ago 183MB yurimkim/test v1 b765d98b3ade 43 minutes ago 183MB yurimkim/hellojs latest 19018b083885 17 hours ago 860MB hellojs latest 19018b083885 17 hours ago 860MB yurim/hellojs latest 19018b083885 17 hours ago 860MB ~~~ push docker push yurimkim/test:v1 : 도커허브에 내 컨테이너 올리기 (배포) ~~~docker The push refers to repository [docker.io/yurimkim/test] 263673b98c84: Pushed 0a993086a480: Pushed ca65effe47e4: Pushed v1: digest: sha256:38fafc731fe98894163813c82f2bd4cf7034dfa39afae2633d75cbfb379b48fc size: 948 ~~~ docker push yurimkim/hellojs : 도커허브에 내 컨테이너 올리기 (배포) ~~~docker Using default tag: latest The push refers to repository [docker.io/yurimkim/hellojs] ffb5ac7b73ae: Pushed a83e6ba79a68: Pushed 8921c354f557: Pushed 1617680d44a2: Pushed 9d8bfcefc6fc: Pushed 5268c5ec8c64: Pushing [==========================================> ] 400.4MB/465.8MB 5268c5ec8c64: Pushed a42754a232e1: Pushed 35e4d11dc89d: Pushed ea5f0263be9b: Pushed latest: digest: sha256:684efaefcef37a188f755f2d202569c26dc0925b2df80a57134e48f05dc54ecc size: 2421 ~~~ Docker Hub 에 올라간 모슴(배포된 모습) ![](https://github.com/miruy/Blog_Markdown_Img/blob/master/test&hellojs%20%EB%B0%B0%ED%8F%AC.png?raw=true) 빌드하고자 하는 폴더안에서 명령어 시작 도커파일 만들고 도커파일을 내 도커 계정아이디에 붙혀 빌드 런 docker ps로 실행된거 확인 후 push # 컨테이너 간의 통신(네트워크) ## 컨테이너는 어떻게 통신하나? - dockerDemon(도커가 실행되고 있는 호스트)이 실행되면 docker0(도커제로)라는 기본 브릿지 네트워크가 생김(연결 다리) - 컨테이너가 가지고 있는 IP와 실제 호스트가 가지고 있는 인터넷 IP를 연결해주는 역할을 함 - 모든 컨테이너는 실행될 때 172.17.X.Y번호로 IP주소가 할당 되는데 컨테이너가 docker0(도커제로)를 통해서 외부(호스트)와 연결될 수 있고, 반대로 외부(호스트)에서도 docker0(도커제로)를 통해서 컨테이너와 연결할 수 있음 ## 컨테이너와 호스트의 통신 모습 ![](https://github.com/miruy/Blog_Markdown_Img/blob/master/%EB%8F%84%EC%BB%A4%EB%84%A4%ED%8A%B8%EC%9B%8C%ED%81%AC%EC%9D%B4%EB%AF%B8%EC%A7%801.png?raw=true) ## 컨테이너 포트를 외부로 노출가능한가? - port-powording (포트포워딩)으로 가능 ex ) 컨테이너 실행 명령 : docker run -d -p 81:81 --name test2 test:v1 중 1. -p 81:81 : 포트포워딩기능을 이용해 컨테이너 포트를 외부와 연결 2. 콜론 (:) 을 기준으로 왼쪽은 호스트 포트 / 오른쪽은 컨테이너 포트 > 호스트의 포트가 80으로 하나만 열렸다면 다른 포트는 못 염 그러나 컨테이너 포트는 172.17.X.Y 에 Y부분이 1, 2, 3, 4.....와 같이 뒷 번호를 늘릴 수 있으므로 컨테이너 포트는 같은 80이 여러개 생겨도 컨테이너 번호가 다르기 때문에 중복되지 않음 ## 포트포워딩 코드의 다양함(예시) > 사용자모드로 확인 시 호스트포트번호로 들어가야함 ### 1. -p hostPort:containerPort : 기본 포트포워딩 형식으로 개발자가 호스트포트와 컨테이너포트를 지정함 ![](https://github.com/miruy/Blog_Markdown_Img/blob/master/%EC%9D%BC%EB%B0%98%ED%8F%AC%ED%8A%B8%ED%8F%AC%EC%9B%8C%EB%94%A91.png?raw=true) ![](https://github.com/miruy/Blog_Markdown_Img/blob/master/%EC%9D%BC%EB%B0%98%ED%8F%AC%ED%8A%B8%ED%8F%AC%EC%9B%8C%EB%94%A92.png?raw=true) ### 2. -p containerPort : 컨테이너포트만 열었다면 실제로는 호스프번호자리에 랜덤포트가 열림 ( random:containerPort ) ![](https://github.com/miruy/Blog_Markdown_Img/blob/master/%EB%9E%9C%EB%8D%A4%ED%98%B8%EC%8A%A4%ED%8A%B8%ED%8F%AC%ED%8A%B81.png?raw=true) ![](https://github.com/miruy/Blog_Markdown_Img/blob/master/%EB%9E%9C%EB%8D%A4%ED%98%B8%EC%8A%A4%ED%8A%B8%ED%8F%AC%ED%8A%B82.png?raw=true) ### 3. -p : dockerfile에서 EXPOSE에 작성한 포트로 컨테이너포트가, 랜덤호스트포트가 자동으로 열리게 됨 ![](https://github.com/miruy/Blog_Markdown_Img/blob/master/EXPOST%ED%8F%AC%ED%8A%B81.png?raw=true) ![](https://github.com/miruy/Blog_Markdown_Img/blob/master/EXPOSE%ED%8F%AC%ED%8A%B82.png?raw=true) ## docker inspect c1 : c1컨테이너 상세보기 / 명령어 안에 GateWay IP주소 및 ip address 등 정보를 볼 수 있음 ## 컨테이너끼리 통신은 어떻게 하나? - 컨테이너를 이용한 server &client 서비스 운영 ## 기본 docker bridge 이외에 추가로 다른 bridge 생성하는 방법 ### docker network ls : docker bridge 확인 명령어 ![](https://github.com/miruy/Blog_Markdown_Img/blob/master/%EB%B8%8C%EB%A6%BF%EC%A7%80%20%ED%99%95%EC%9D%B8.png?raw=true) ### 새로운 bridge 생성 ### docker network create --driver bridge --subnet 192.168.100.0/24 --gateway 192.168.100.254 mynet ### -> gateway(IP주소)를 192.168.100.254로 지정한 mynet이라는 브릿지 생성 ### -> --subnet 192.168.100.0/24 으로 지정했기 때문에 새로 생길 컨테이너들의 IP주소는 맨뒷자리만 달라지고 앞자리는 내가 지정한 번호로 만들어질거임 (192.168.100.1 / 192.168.100.2 / 192.168.100.3........) ![](https://github.com/miruy/Blog_Markdown_Img/blob/master/%EB%B8%8C%EB%A6%BF%EC%A7%80%EC%83%9D%EC%84%B1.png?raw=true) ### 생성된 mynet bridge로 컨테이너 실행하기 + 구글한테 ping 테스트(포트 연결 잘 되는지) ### docker run -it --name c1 --net mynet --ip 192.168.100.100 busybox ### -> 내가 생성한 mynet이라는 브릿지를 사용하여 busybox라는 컨테이너 실행 ### -> 이때 컨테이너 IP주소를 Y번째가 1,2,3,....올라가게 하지 않고, 192.168.100으로 지정함 ![](https://github.com/miruy/Blog_Markdown_Img/blob/master/mynet%EB%B8%8C%EB%A6%BF%EC%A7%80%20%ED%99%95%EC%9D%B8.png?raw=true) ![](https://github.com/miruy/Blog_Markdown_Img/blob/master/mynet%20%EC%83%9D%EC%84%B1%EB%AA%A8%EC%8A%B5.png?raw=true) 참고 및 출처 : 유튜브 따배도