유데미 스타터스 취업 부트캠프 3기 - 백엔드 9주차

220116 mybatis란?

경우들을 아래 포스팅에 모두 적어둬서 포스팅으로 대체
https://harutocoding.tistory.com/m/248

[ Spring ] 5. MyBatis

 

220117 mybatis와 spring 연동

https://harutocoding.tistory.com/251

[ Spring ] 6. MyBatis와 Spring 연동 (Spring MVC 방식으로 회원관리 만들기)

 

 

 

 

220118 ajax, 파일 업로드

application/x-www-form-urlencoded

• html form 데이터 전송하는 방법이다.
• 한 개의 String 형태로 전송된다.
• 전송데이터는 name=김뫄뫄&age=12 이런 식으로 전송된다.
• 파일을 선택해서 서버로 보낼 때도 위와 같이 보내지기에, 파일명만 보내지게 된다.
• 파일을 보낼 땐 <form enctype="multipart/form-data" method="post">로 보내자!
• <input type="file"> => 파일 선택창(windows) => 파일명 선택 => 파일명+길이+파일내용 보내진다.
• 여기까지 클라이언트가 할 일!

 

• 서버가 할 일
• <form action="fileupload" enctype="multipart/form-data" method="post">
• /fileupload를 받는 컨트롤러의 메소드는 Multipart 매개변수를 받아야 한다. 
• 클라이언트가 올린 파일명과 같은 것을 찾아서 요소들을 하나의 파일로 만든다.
• pom.xml에 파일업로드라이브러리를 설정한다.

 

 

AJAX 함수 설명

$.ajax({
type: "post",	http 요청방식 (get / post)
url: "serverPage",	서버측 페이지
dataType: "json",	응답데이터 타입설정 (json / xml)
success: function(data) {               콜백함수         }	콜백함수 : 응답결과가 성공상태 코드로 반환되면 호출된다.
error: function(data) {               콜백함수         } })	콜백함수 : 응답 결과가 에러상태 코드로 반환되면 호출된다.

 

 

 

위의 ajax를 받으려면?

@ResponseBody                                         => 내가 받는 건 html 전체가 아니라 body 안의 일부 내용이야 !! @PostMapping("/serverPage") public String getLoginResult(String id) {       String client_auth = "JSON ... ";       return client_result;       => 결과물은 jsp페이지가 아닌 JSON이다. }

 

220119 웹소켓, 현직자와의 대화

http	- 동기적 통신이다. - 요청이 있어야 서버가 처리에 응답해준다. - 응답하면 응답 뷰로 변경된다. - 화면은 새로운 뷰로 전체 렌더링된다.
ajax	- 동기적 통신이다. - 요청이 있어야 서버가 처리에 응답해준다. - 응답하면 현재의 뷰에 응답 결과가 포함되며, 일부가 렌더링된다.
websocket	- 비동기적 통신이다. - 보통 채팅이나, 로그인하자마나 뜨는 알림에 사용된다.
	- 웹소켓 지원하는 서버를 필요로 한다. 톰캣, 스프링 등 - WebSocket 객체를 생성하고, send() 함수를 사용해서 데이터를 서버로 보내고, onMessage()라는 함수를 사용해서 수신된 메세지를 받는다.
	- 스프링은 WebSocketHandler가 제공된다. - 클라이언트의 리스트를 관리하는 방법이 필요하다. - collection 타입으로 클라이언트를 관리해야 한다.

 

 

 

220120 스프링부트로 게시판 만들기 실습

- 회원관리, 게시판 관리 기능

 

 

 

 

 

나으 작은 간식창고

햇살 드는 소파

상상도 못한 선물 ㄴㅇㄱ

---

저번 글에는 몰입하되 매몰되지 말자고 했는데

앞으로는 매몰되어도 좋겠다는 생각을 했다

삼 일 하고도 한 달 동안만

 

* 유데미 바로가기 : https://bit.ly/3V220ri

   * STARTERS 취업 부트캠프 더 보러가기 : https://blog.naver.com/udemy-wjtb

본 후기는 유데미-웅진씽크빅 취업 부트캠프 3기 백엔드 과정 학습 일지 리뷰로 작성되었습니다.