본문 바로가기

JAVA/- Spring

[Spring boot] thymeleaf로 로그인 만들어 보기
JAVA/- Spring 2022. 4. 17. [Spring boot] thymeleaf로 로그인 만들어 보기 로그인을 누르면 로그인화면에서 로그인을 하고 메인화면으로 와서 로그인 버튼이 로그아웃 버튼으로 만들어보려고 합니다. 여기서 로그인을 하게 됩니다. 로그인은 login.html이고 메인 페이지는 index.html로 컨트롤러로 지정해놨습니다. 홈페이지로 이동할 때 @SessionAttribute로 session에 데이터를 저장합니다. 어떤 데이터를 저장하냐면 name으로 지정된 이름(loginmember)에 MemberResponseDto를 저장합니다. MemberResponseDto는? DB에 있는 데이터를 객체화 시켜서 담아둔 class 입니다. 여기서 고민한게 있습니다. 그럼 홈페이지와 서버는 어떻게 객체를 주고받을까? spring에서는 Model과 Session으로 객체를 받을 수 있었습니다. @S..
Spring boot, thymeleaf 연동시 js, css, 파일경로 인식하지 못할 때
JAVA/- Spring 2022. 4. 15. Spring boot, thymeleaf 연동시 js, css, 파일경로 인식하지 못할 때 다른 웹 사이트 템플릿을 가져와서 정적 파일(css, js, img)들은 static 폴더에 다른 html 파일들은 template 폴더에 넣어놨습니다. 그리고는 html을 그냥 실행시켜봤습니다. 코드는 이런식으로 static 폴더에 자원들을 가져다가 쓰는 것으로 생각했습니다. 그런데 서버로 열면 자원을 가져오지 못했습니다. 찾아보니 경로 문제가 있었습니다. 해결 경로에 ../static을 빼야했습니다. 스프링부트는 static 폴더가 기본 경로로 지정이 되어있기 때문에 static 밑의 경로만 써주면 됩니다. 또한 위에 나와있는 디렉토리에 있는 정적 웹 리소스를 자동으로 추가한다고 합니다. 이 코드를 이렇게 바꿔주면 정상적으로 css, js 파일의 경로가 인식이 됩니다. 출처:https://spring..
react router props 전달 & 브라우저에 쿠키 저장 해보기
JAVA/- Spring 2022. 4. 9. react router props 전달 & 브라우저에 쿠키 저장 해보기 localhost:3000과 localhost:8080에서 데이터를 이동할 때 쿠키 데이터는 옮겨지지 않았습니다. 이유1 react에서는 axios 요청을 보내는데 spring에서 모든 Access-Control-Allow-Origin에 *를 설정해주면 안됩니다. 즉 모든 도메인에 cors를 허용하면 안됩니다. postman으로 했을 때는 postman을 브라우저로 취급하지 않아서 가능했습니다. 이유2 쿠키를 사용하기 위해서는 기본적으로 http response와 request header에 Access-Control-Allow-Credentials이 true로 설정되어 있어야 합니다. axios마지막 옵션에 { withCredentials : true } 로 만들어서 쿠키데이터를 저장할 수 있게 합니다..
JPA에서 쿼리를 쓰는 법
JAVA/- Spring 2022. 4. 5. JPA에서 쿼리를 쓰는 법 JPA에서 쿼리를 쓰는 법 KeywordSampleJPQL snippet `And` `findByLastnameAndFirstname` `… where x.lastname = ?1 and x.firstname = ?2` `Or` `findByLastnameOrFirstname` `… where x.lastname = ?1 or x.firstname = ?2` `Is`, `Equals` `findByFirstname`,`findByFirstnameIs`,`findByFirstnameEquals` `… where x.firstname = ?1` `Between` `findByStartDateBetween` `… where x.startDate between ?1 and ?2` `LessThan` `findB..
React와 Spring으로 로그인 화면 만들어보기
JAVA/- Spring 2022. 4. 3. React와 Spring으로 로그인 화면 만들어보기 DB에는 email과 passwd로 로그인을 허락하려고 생각했습니다. react에서 email과 passwd를 보내면 spring에서 select * from member_table where email="dnjsalsgh123@gmail.com" and passwd="1234"; 이런 쿼리를 동작해서 값이 있다면 테이블을 json 객체로 넘겨주고 아니면 예외처리를 해보려고 합니다. 이런 화면에서 email과 passwd를 가져와야 합니다. const [inputId, setInputId] = useState(""); const [inputPw, setInputPw] = useState(""); const handleInputId = (e) => { setInputId(e.target.value); };..
spring에서 간단하게 api 만들어 보기
JAVA/- Spring 2022. 3. 7. spring에서 간단하게 api 만들어 보기 이렇게 생긴 entity가 있습니다. mysql에서 데이터를 가져옵니다! 응답DTO(ResponseDto) 입니다. api를 반환할 때 json 형식으로 보내려고 DTO 객체를 만들었습니다. 컨트롤러 입니다. 테스트로 react(포트3000)에서 spring(포트8080)으로 요청하기 때문에 @CrossOrigin(origins="*")으로 CORS문제를 피했습니다. @RestController로 return 그대로를 http 응답 body에 박아줍ㄴ디ㅏ. @RequestMapping("/api")를 클래스 레벨에 박아서 /api로 시작하는 url이 오면 이 컨트롤러를 찾게 됩니다. @RequiredArgsConstructor로 클래스의 final이 붙은 멤버변수에 spring이 자동으로 객체를 넣어줍니..
JAVA/- Spring 2022. 1. 5. 스프링 컨테이너, ApplicationContext, Bean Factory 스프링 컨테이너 DispatchServlet에 의해 생성되는 수 많은 객체들은 어디에서 관리될까? request하면 톰켓이 반응합니다. web.xml을 보고 DispatchServlet이 동작합니다. DispatchServlet은 컴포넌트 스캔을 시작합니다. DispatchServlet은 주소를 분배하는 역할 뿐만아니라 메모리에 객체를 생성도 합니다. 자바파일은 static하지 않기 때문에 new해야 합니다. Ioc를 해야하기 때문에 DispatchServlet이 new를 해줍니다. src 폴더 밑에 있는 모든 파일을 new로 객체 생성 합니다. 이 때 필요 없는것과 필요 없는 것을 구분하는데 이것을 어노테이션으로 정해줍니다. ex)" @Contorller가 붙은 것은 컨트롤러 역할이 있으니 스캔해서 올..
JAVA/- Spring 2022. 1. 4. web.xml이란, Front Controller 패턴 web.xml이란? ServletContext의 초기 파라미터 외부에서 성에 접근을 합니다. 초기 파라미터는 암구호화 같습니다. 그러면 서블릿 안에서 암구호만 대면 모든 것을 사용할 수 있겠죠. 문지기는 web.xml으로 암구호를 관리합니다. Session의 유효시간 설정 Sesstion: 인증을 통해 들어오는것 그럼 인증을 어떻게 할 까요? 웹에서는 공인인증서를 사용할 것입니다. 문지기에게 채류시간을 받고 돌아다니다가 체류기간이 끝나면 추방당해야 합니다. 그런데 여행자가 문지기에게 '채류기간좀 늘려주세요' 부탁하면 문지기가 체류기간을 초기화 시켜줍니다.(밀입국한 사람은 추방당할 것입니다.) Servlet/JSP에 대한 정의, 매핑 매핑: 여행자는 나라의 목적지가 있을 것입니다. 문지기는 여행자의 앞에 ..
JAVA/- Spring 2022. 1. 3. 소켓 통신, 아파치, 톰켓, 서블릿 톰켓이란? 웹서버와 구분해야 합니다. 소켓통신은 운영체제에 있는 기능을 가지고 통신하는 것입니다. 운영체제의 기능을 쓸 때 시스템 콜이라고 하죠. 웹서버는 서버에 데이터가 필요한 사람이ip주소와 포트번호를 가지고 URL을 만들고 request합니다. URL은 위치입니다. 웹서버가 response하면 필요한 사람이 request할 때 준 주소에 데이터를 보내줍니다. 웹서버가 갑이고 사용자들이 을이 됩니다. 을이 요칭하지 않으면 데이터를 줄 방법이 없습니다. 소켓 통신을 하면 한번 연결이 되면 지속되기 때문에 을의 주소를 가지고 있습니다. http 통신은 단순히 응답만 해줍니다. static 자원이라고도 하죠 html만 주고받으려고 만들었으니 목적에 맞습니다. 웹 서버는 아파치(apache)를 많이 씁니다...

티스토리툴바