⭐ SpringBoot (68) 썸네일형 리스트형 [UPDATE] 특정 폼에서 데이터를 업데이트 하는 프로세스 1. 리스트 화면에서 리스트 내용을 클릭하고 들어가면 아래와 같은 화면이 나온다. 2. 여기서 Edit를 클릭했을때의 흐름을 살펴보면 아래와 같다. 3. 코드의 흐름을 보면 아래와 같다. // 화면에서 Edit 버튼을 눌렀을때 나오는 값이 입력된 화면이다. @GetMapping("/articles/{id}/edit") public String edit(@PathVariable Long id, Model model) { // 수정할 데이터를 가져오기 Article articleEntity = articleRepository.findById(id).orElse(null); // 모델에 데이터를 등록하기 model.addAttribute("article", articleEntity); // 뷰페이지 edit... [INSERT] 특정 폼으로 정의된 데이터를 INSERT하는 프로세스 # 전체적인 흐름에 대한 설명은 아래와 같다. (1. form저장 2. dto를 entity로 변환 3. Repository 저장 4. return 신규 URL) ☝ Form 데이터의 값 ⏩ action api 로 넘긴다 ⏩ api가 받아 dto에 담아둔다 ⏩ dto에 담긴 데이터를 entity로 변환한다 ⏩ 변환된 데이터는 Repository Interface CrudRepository를 호출 및 저장한다 ⏩ redirect: 리턴으로 신규로 생성된 id 값으로 리턴을 수행한다. 흐름정리 뷰템플릿 Form으로 데이터의 값을 받는다. → 받은값을 action 태그를 통해 api로 넘긴다. → 해당 api는 넘어온 값을 dto에 담아두기 위해 dto를 생성하고 값의 자바 타입들을 정의한 후 변수로 설정한다.. button과 form의 관계에 대해 설명 # button과 form의 관계에 대해서 알아보자. 아래는 코드정보이다. {{>layouts/header}} {{#article}} 제목 내용 {{content}} 제출 button → action api 호출 안녕하세요... Back {{/article}} {{>layouts/footer}} 코드에 대한 화면정보이다. 결론은 form태그에서 버튼은 action 로케이션의 api로 정보를 던진다고 보면된다. 헷갈리지 말자...! [SELECT] Select 활용해 Model에 데이터 저장 후 Front-End 에서 사용하는 프로세스 # 전체 데이터를 Select 하여 Model에 저장 후 ViewTemplate에서 활용하는 방법에 대해서 알아보자. 1. 전체 코드는 아래와 같다. 흐름은 간단하다. 데이터를 조회하고, 조회한 데잍를 저장하고, 저장한 데이터를 화면으로 전달하는게 끝이다. // 데이터를 SELECT하여 모델이 담아두는 역할을 한다. @GetMapping("/articles/yakuza") public String yakuza(Model model) { // 여기서 조회하는 값이 최종 쿼리값이라고 볼 수 있다. List articleEntityByyakuza = articleRepository.findAll(); // 위에서 조회한 값을 model에 담아 저장한다. model.addAttribute("yakuzalist".. The command '/bin/sh -c ./gradlew bootJar' returned a non-zero code: 127 발생 시 해결 방법 아래 오류 발생 시 해결 방안... /bin/sh: 1: ./gradlew: not found The command '/bin/sh -c ./gradlew bootJar' returned a non-zero code: 127 위의 오류는 file이 windows 환경에서 생성되어, 파일 타입이 맞지 않아 발생한 것으로 dos2unix를 설치하여 unix 타입으로 파일을 변경 후 실행하면 정상적으로 실행 된다. 아래는 dos2unix로 변경하는 명령어 이다. dos2unix ./gradlew Springboot에 Undertow 적용하기 최초 프로젝트 생성 시 최초 프로젝트 생성 시 spring-boot의 내장 tomcat을 사용하는 것이 아닌 jboss의 undertow를 사용하는 방법은 아래와 같다. 일단 최초 프로젝트 생성 시 gradle.build에서 undertow 라이브러리만 추가해 주면 설치 및 실행이 된다. 일단 InteliJ의 커뮤니터 버전 기준으로 하면, Springboot 이니셜라이져에서 설정과 라이브러리를 다운받는다. https://start.spring.io/ 하지만 디펜던시 검색에서 undertow라는 라이브러리 검색이 안된다. 그래서 새로운 프로젝트를 생성 후 수동으로 undertow라이브러리를 추가해 주면 된다. build.gradle 파일에서 아래와 같이 undertow를 디펜던시에 추가해 주면 된다. de.. 링크와 리 다이렉트 링크와 리 다이렉트 링크와 리다이렉트를 통해서 페이지 간 연결을 구성 링크를 사용하면 보다 편리한 요청이 가능하다. 리 다이렉트를 사용하면 보다 편리한 응답이 가능하다. 여기서의 링크란, 미리 정해놓은 요청을 간편히 전송하는 것으로 html의 태그 또는 태그를 통해서 작성 할 수 있다. 이렇게 보내진 요청은 결과 페이지를 응답 한다고 볼수 있는데, 재 요청이 응답 되기도 한다. 재 요청을 리 다이렉트 라고 한다. 이를 전화로 빗대어서 설명 하면 요금 처리를 위해 A회사의 A팀에 연락을 하였는데, A팀에서는 처리를 마치고 B팀에 다시 전화를 하여 나머지 업무를 처리해야 한다고 안내를 하였다. 그래서 다시 B로 전화를 거는 경우를 리 다이렉트 라고 한다. 결론적으로 리다이렉트란 클라이언트에게 재 요청을 지시.. DB에 저장된 데이터를 웹 페이지에서 확인하기(단일, List) DB에 저장된 데이터를 웹 페이지에서 확인하기 (11) 1. 사용자가 브라우저를 통해서 데이터를 요청한다. 2. 사용자가 요청한 URL을 Controller가 받고, 이 받아진 URL에서 찾고자 하는 데이터 정보를 Repository에게 전달 한다. 3. 이를 받은 Repository는 DB에게 요청을 보내고, DB는 해당 데이터를 찾아서 이를 Entity로 반환한다. 4. 반환된 Entity는 모델을 통해 View 템플릿으로 전달이 되고, 최종적으로 결과 페이지가 완성되어 클라이언트에게 보내어 진다. 데이터 목록 조회는 DB에서 데이터를 조회하는 과정봐 비슷하다. (12) 하지만 반환되는 데이터 값이 List 형태로 반환이 된다는 점이 다르다. 1. 사용자가 브라우저를 통해서 데이터를 요청한다. 2. .. 이전 1 2 3 4 5 6 7 ··· 9 다음
