Springboot/블로그만들기

[Springboot] 블로그 만들기 (17)_회원가입(2)

user.js let index = { init: function(){ $("#btn-save").on("click",()=>{ // function(), ()=>{} this 를 바인딩하기 위해서 !! this.save(); }); // on(이벤트,함수) 이벤트가 발생하면 함수 실행 } ,save: function(){ //alert('user의 save함수 호출됨'); let data = { // joinForm input태그의 id로 값을 가져와서 저장 userName : $("#username").val(), password:$("#password").val(), email:$("#email").val() }; // console.log(data); // {userName: '쫑이', passw..

[Springboot] CONSOLE PERFORMANCE WARNING (from Ansi Console) !

STS를 실행 중 아래와 같은 경고가 발생했다. 이 알림창은 콘솔에 출력하는 출력 라인 크기를 조절하라는 얘기다. 해결방법 Window - preferences - console 버퍼사이즈를 증가시킨다. 800,000에서 1,000,000으로 변경했다.

[Springboot] 블로그 만들기 (17)_회원가입(1)

JavaScript 파일 생성 loginForm.jsp의 Form태그 내부에 있던 태그를 밖으로 뺴주고 user.js파일을 참조하는 코드를 작성한다. 회원가입완료 user.js let index = { init: function(){ $("#btn-save").on("click",()=>{ this.save(); }); // on(이벤트,함수) 이벤트가 발생하면 함수 실행 } ,save: function(){ alert('user의 save함수 호출됨'); } } index.init(); 테스트 F12 개발자 도구- Network를 확인 user.js의 Status가 200으로 정상적으로 작동하는 것을 알 수 있다. 잘 동작하는걸 확인했으니 input박스에 있는 값을 출력해보자. user.js let i..

[Springboot] *.js(JavaScript) 파일 글씨가 흑백으로 보일 때

증상 javaScript 파일을 생성했을때 글씨가 흑색으로 보여 가독성이 떨어진다, 원인 파일을 열때 기본에디터가 설정되어 있지 않기 때문이다. 조치 window- preferences File Associtaions File types에 *.js 가 설정 되어 있지 않다. Add...를 눌러 확장자를 추가한다. 저장하고 파일을 닫았다가 다시열면 색이 입혀져서 나오게 된다.

[Springboot] 블로그 만들기 (16)_로그인, 회원가입 화면

header 와 footer는 메인페이지뿐만 아니라 다른 페이지에서도 동일하게 나와야 하기 때문에 구성을 변경한다. index.jsp (기존) LWJ 로그인 회원가입 제목 적는 부분 상세보기 제목 적는 부분 상세보기 제목 적는 부분 상세보기 Create by LWJ 📞010-1234-5678 🏴경기도 광명시 어딘가 index.jsp에 있는 header와 footer 를 분리하자. header.jsp ,footer.jsp 생성 header.jsp LWJ 로그인 회원가입 footer.jsp Create by LWJ 📞010-1234-5678 🏴경기도 광명시 어딘가 index.jsp 제목 적는 부분 상세보기 제목 적는 부분 상세보기 제목 적는 부분 상세보기 테스트 회원가입, 로그인을 위한 Controller ..

[Springboot] 블로그 만들기 (15)_메인페이지구현

1. w3school bootstrap 사용 코드를 전체 복사한다. https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_navbar_collapse W3Schools online HTML editor The W3Schools online code editor allows you to edit code and view the result in your browser www.w3schools.com 2. jsp 생성 src/main/webapp/WEB-INF/views/index.jsp Navbar Link Link Link Collapsible Navbar In this example, the navigation bar is hidden on sm..

[Springboot] 블로그 만들기 (14)_Exception처리_에러페이지

DB 값이 존재하지 않는 Id가 1인 데이터를 삭제해보자. Controller @GetMapping("/dummy/user/{id}") public User detail(@PathVariable int id) { User user = userRepository.findById(id).orElseThrow(new Supplier() { @Override public IllegalArgumentException get() { return new IllegalArgumentException("해당 유저는 없습니다. id : " + id); } }); return user; } http://localhost:8001/blog/dummy/user/1 로 1번 데이터 삭제를 요청해보자 당연히 아래와 같이 오류페이지..

[Springboot] 블로그 만들기 (13)_Delete 테스트, Exception처리

DB insert test를 하다가 망가진 1번 데이터를 Delete해보자 Controller @DeleteMapping("/dummy/user/{id}") public String DeleteUser(@PathVariable int id) { userRepository.deleteById(id); return "삭제되었습니다 Id : " + id; } 결과 확인 매우 간단하게 delete 문을 작성할 수 있다. 하지만 이 방법은 조금 위험하다. 만약에 존재하지 않는 값 5를 넣어준다면 ? 위와 같이 오류가 발생하게 된다. --> Exception (예외) 처리를 해야된다. @DeleteMapping("/dummy/user/{id}") public String DeleteUser(@PathVariable..