Springboot (34) 썸네일형 리스트형 스프링부트 이미지(파일) 업로드 하기 form태그작성 원래 form태그는 x-www-form-urlencoded타입밖에 전송을 못한다. key,value타입밖에 전송을 못한다. 하지만 form태그에서 여러가지 타입을 함께 사용할수있다. x-www-form-urlencoded + input type="file"을 적어줌으로써 파일도 보낼수 있다. 파일을 보낼때 전송타입을 multipart/form-data타입을 사용한다. enctype의 default 값은 application/x-www-form-urlencoded 이다. multipart/form-data는 사진이랑 x-www-form-urlencoded 두개를 보낼수있는 전송타입이다. index Page 파일전송 아래와 같은결과가 나온다. 파일선택을 클릭해서 이미지를 선택하면 파일선택 버.. proxy개념 adapter proxy proxy는 대리자라는 의미이다. proxy 클라이언트는 proxy서버한테 요청을한다. proxy서버는 받은 요청을 다시 서버한테 던진다. proxy 장점 1. 클라이언트한테 서버의 ip주소를 알려줄필요가없다 - 서버가 공격당할일이 줄어든다. 2. proxy에서 추가적인 기능을 수행할수 있다. ex) 중국인 차단, 응답할때 content타입을 달아주기, header에 key값 달아주기 결국 서버의 서버의 전후(앞뒤) 관리를 할수있다. -> spring에서는 intercepter가 위의 기능을 수행한다. -> intercepter는 proxy패턴으로 spring에서 만든다. 좋아요 기본형태 기본형태 작성 html작성 스크립트 작성 실행결과 하트를 누르면 빨간색하트로 변한다. 게시판만들기 - ajax통신으로 수정하기,삭제하기 삭제하기 form 작성 ajax통신 작성 BoardsController작성 수정하기 form작성 BoardsController작성 ajax통신으로 변경 실행결과 summernote summernote 서머노트란 오픈소스 '이지윅'에디터로 'WYSIWYG' 는 What You See Is What You Get 의 줄임말로서 '보는대로 얻는다'라는 의미입니다. 그 말은 즉슨 html처럼 따로 css문법을 적용해서 디자인 편집을 하는 것이 아닌 문서 편집 과정에서 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식을 말합니다. 테스트 먼저 자신의 프로젝트에 적용하기전에 테스트를 하고 사용한다. vs코드를 사용해서 테스트를 해본다 왼쪽빨간박스를 복사해서 vs코드에 붙여넣어준다. 테스트실행 높이지정 왼쪽의 빨간색박스부분만 vs코드에 붙여넣어준다. CDN 복사 성공적으로 테스트가 끝났으니 CDN부분을 복사해서 header.jsp파일에 붙여넣어준다. writeForm에 scripts를.. 게시판 만들기 - 브라우저 쿠키 값 받아오기 3가지 저장영역이 있다고 생각하면된다. 세션, request, 쿠키 가 있다. 요청하는 순간 메모리가 생긴다. 그 메모리 영역이 request이다. 응답을 해주면 만들어진 메모리 영역은 없어진다. 쿠키는 브라우저가 가지고 있다. 쿠키는 JavaScript로 접근이 불가능하다. - 브라우저가 막고있다. 쿠키는 브라우저에 무엇인가를 저장하고싶을때 쿠키에 저장한다. 쿠키는 다음 요청을 할때 HTTP의 header에 들고간다. 중요 응답시 Header에 Set-Cookie가 있으면 거기에 있는 정보를 브라우저 쿠키에 넣어준다(자동 저장해준다). body에 있는 데이터는 쿠키로 못가지고간다 - 이유는 javaScript는 접근이 불가하기 때문이다. HttpOnly가 체크되어 있으면 자바스크립트로 접근이 불가능하다.. 게시판 만들기 - 리팩토링(자바스크립트 static 폴더로 이동) 테스트 테스트용 폴더 생성 스프링에서 유일하게 외부에서 접근할수 있는 폴더가 static폴더(정적resource폴더)이다. URL접근이 가능하다 -> 파일명으로 찾을 수있다. URI-> Controller를 통해서 자원을찾는다. - CV패턴 잘나오는지 확인했으면 a.txt파일은 삭제 코드리팩토링 static 폴더안에 assets,css,js 폴더를 만들어준다. js폴더 - 오른쪽마우스 - New - Other... javas검색 - JavaScript File 선택 서버를 종료하고 users/joinForm.jsp파일의 내부에 있는 코드들을 ctrl + x(잘라내기)를 한다. 조금전에 만든 js/users.js 파일에 Ctrl + v(붙여넣기)를 해준다. joinForm.jsp파일에서 에 src="/js.. 게시판 만들기 - ajax통신 로그인, 회원수정, 회원탈퇴 로그인 1. 데이터들을 Form으로 감싸고 id값을 준다. 2. Ajax작성 3.UsersController 작성 @PostMapping("/login") public @ResponseBody CMRespDto login(@RequestBody LoginDto loginDto) { Users principal = usersService.로그인(loginDto); if(principal == null) { return new CMRespDto(-1, "로그인실패", null); } session.setAttribute("principal", principal); return new CMRespDto(1, "로그인성공", null); } 실행결과 __________________________________.. 이전 1 2 3 4 5 다음
