개발자되기 프로젝트

영화 리뷰 관리를 위해 필요한 필수 기능인 comment 기능을 추가해보자. 이미 필요 기능은 구현되어 있고, 프론트를 통해 실행시킬 수 있어야 한다. 1. 자바스크립트 기존에 작성되어있는, Vue객체인 movie_list 내부에 addComment function을 추가했다. 해당 fucntion은 commentBox의 content를 가져와서 Post method를 실행한다. 이후 성공시 전체 movie리스트를 불러와서 프론트를 업데이트한다. var movie_list = new Vue({ el: '#movie-list', data: { movie_list : {} }, methods: { deleteMovie: function (id) { $.ajax({ type: "DELETE" , async: ..

1. method실행 후 프론트에 반영이 안된다. ['21.07.19] DB에서 삭제하기 1. DB에서 삭제가 되지 않는다...에러 내용 리스트에서 삭제를 시도해도 되지 않는다. 아래와 같은 에러가 발생한다. .MethodArgumentTypeMismatchException: Failed to convert value of type 'java.lang.. bsh-developer.tistory.com 앞선 글에서 말했다 시피, 삭제 버튼 클릭 시 DB에선 삭제가 되나, 프론트에서 표시가 안되는 문제가 있었다. 즉 결과적으로, delete method시행 후 프론트를 업데이트 하기위해 findAll이 실행되어야 하는데, 실행되지 않아 발생한 문제인 것 같다. 변경 전 코드를 보면 method spqndp ..

1. DB에서 삭제가 되지 않는다...에러 내용 리스트에서 삭제를 시도해도 되지 않는다. 아래와 같은 에러가 발생한다. .MethodArgumentTypeMismatchException: Failed to convert value of type 'java.lang.String' to required type 'int'; nested exception is java.lang.NumberFormatException: For input string: "undefined"] 에러의 원인은 int가 들어와야 하는데 String값인 "undefined"가 들어왔다. 크롬에서는 다음과 같은 에러가 발생한다. jquery.min.js:4 DELETE http://localhost:8080/api/delete/movie..

['21.07.18] 간단한 프론트 개발#1 기본적인 기능이 갖추어 졌으니, 간단한 프론트를 개발하여 연결해보자. 1. PageController 기존의 ApiController가 아닌 PageController를 만들어 주자. @Controller @RequestMapping("/movie/pages") public cla.. bsh-developer.tistory.com 앞선 글에서 말한 것 처럼, 이미지 크기가 너무 작았다. 따라서 영화 API를 통해 썸네일을 가져오는 것이 아니라 별도 이미지 검색을 해서 가져와보도록 하자. 전체적인 구성은 영화 검색 API를 사용하는 것과 동일하다. 1.application.yml Uri Components Builder를 활용하여 url을 생성할 때 직접 입력하..

기본적인 기능이 갖추어 졌으니, 간단한 프론트를 개발하여 연결해보자. 1. PageController 기존의 ApiController가 아닌 PageController를 만들어 주자. @Controller @RequestMapping("/movie/pages") public class PageController { @GetMapping("/main2") public ModelAndView main(){ return new ModelAndView("main2"); //template 하위경로 } } 이 컨트롤러는 해당 uri로 접속할 경우, tehmplates 하위 경로에 있는 html과 연결시켜 준다. 즉, http://localhost:8080/movie/pages/main2로 접속하면, 작성한 HTM..

그런데 또 다른 문제가 있다. 동일한 영화를 여러 번 저장이 가능하다. [ { "id": 1, "title": "날씨의 아이", "message": null, "stateCode": null, "link": "https://movie.naver.com/movie/bi/mi/basic.nhn?code=181114", "image": "https://ssl.pstatic.net/imgmovie/mdi/mit110/1811/181114_P51_143716.jpg", "subtitle": "Weathering With You", "director": "신카이 마코토|", "actor": "심규혁|김유림|최한|강은애|이장원|손정아|다이고 코타로|모리 나나|오구리 슌|혼다 츠바사|히라이즈미 세이|", "userRa..

이전 글에서 볼수 있다 시피, 제목에 HTML 구문이 포함되어 있다. 그래서 정식 이름을 입력하면 제대로 검색이 불가능 하다. 다음과 같이 정규식을 활용하면 HTML 태그를 제거할 수 있다. string.replaceAll("]*>","")) 사용은 아래와 같이 네이버에서 reponse를 받은 다음 Entity를 DTO로 변환 할 때 적용해 준다. movieDTO.setTitle(temp.get().getTitle().replaceAll("]*>","")); 그러면 이제 아래와 같이 깔끔하게 저장이 된다. *Git Hub : 210718, delete HTML Tag bsh6463/MovieManager Contribute to bsh6463/MovieManager development by creati..

1. Null이란 존재하지 않는 값을 의미 2. Null Point Exception(NPE) Copile단계에서 확인이 되지 않고 Runtime동안 발생하는 Error이다. Null인 객체에 접근하여 발생하는 예외이다. 3. Enumerate @Entity 속성 2 1. SQL이란? SQL 종류 들어가기에 앖서서 SQL(Structed Query Language, 구조적 질의언어)에 대해서 간략하게 알아보자. SQL은 관계형 DB의 관리시스템의 DATA를 관리하기 위한 만들어진 특수 목적의 프로그래 bsh-developer.tistory.com enum을 활용하여 method처리 결과의 상태를 같이 전달해 보자. enum에 대한 자세한 내용은 위에있는 링크 참고. 간단히 설명하면 enum은 일종의 상수..