웹개발 (7) 썸네일형 리스트형 Spring & React 프로젝트 (1) - 개발 환경 세팅 (goormide) 안녕하세요. 열정열정열정 개발자입니다.!! 이번에 2인 프로젝트를 진행하게 되었어요. 저는 백엔드 부분을 맡아 진행할 예정이에요. 둘 다 왕초보 개발자이기 때문에 부족한 점도 많고 이상한 점도 많겠지만.. 공부하면서 올려보겠습니다. (댓글로 피드백 주시면 고쳐볼게요!) stack front react redux postCSS back spring mariaDB 협업 github notion react는 자주 사용되는 라이브러리로 개발, 유지보수가 편하다는 장점이 있기 때문에 사용하게 되었습니다. spring 프레임워크도 많이 사용되는 프레임워크라고 생각돼서 이렇게 진행하려고 합니다. 환경설정 저희는 goormIDE에서 진행하겠습니다. 먼저, goormIDE 사이트에 접속해 줍니다. https://ide... springboot 게시판 만들기 8 (게시글 삭제 기능) 안녕하세요! 이번엔 CRUD 기능 중 마지막! delete! 삭제기능을 구현해보겠습니다. 먼저 PostController에 메서드를 추가해주겠습니다. @PostMapping("post/delete.do") public String deletePost(@RequestParam final Long id) { postService.deletePost(id); return "redirect:/post/list.do"; } 게시글 번호(id)를 파라미터로 전달받아 특정 게시글을 삭제하는 메서드 입니다. 게시글이 삭제된 후에는 리스트 페이지로 리다이렉트 합니다. 게시글 삭제는 상세 페이지(view.html)의 삭제 버튼을 통해 이루어집니다. 삭제하기 버튼의 onclick 이벤트를 바인딩해서 게시글을 삭제처리합니다... springboot 게시판 만들기 7 (게시글 상세정보 기능) 안녕하세요. 저번 글에서 리스트를 구현하였습니다. 이번에는 게시글의 상세정보를 볼 수 있도록 상세페이지를 구현해보겠습니다. 먼저 PostController에 상세페이지 메서드를 추가해주세요! @GetMapping("/post/view.do") public String openPostView(@RequestParam final Long id, Model model) { PostResponse post = postService.findPostById(id); model.addAttribute("post", post); return "post/view"; } 파라미터로 받은 Long id는 PostMapper의 findById 쿼리의 WHERE 조건으로 사용되는 게시글 번호 (PK)입니다. post는 Post.. springboot 게시판 만들기 6 (게시글 리스트 조회 기능) 안녕하세요. 이전 글에서 게시글을 등록하였으니, 이번 글에서는 게시글의 목록을 보여줄 리스트 페이지를 구현해보겠습니당. 먼저 PostController에 리스트 메서드를 추가해줄게요. @GetMapping("/post/list.do") public String openPostList(Model model) { List posts = postService.findAllPost(); model.addAttribute("poasts", posts); return "post/list"; } @GetMapping 어노테이션은 GET 방식의 HTTP 요청 메서드를 의미합니다. (GET은 데이터를 조회하거나 화면을 리턴하는 경우 사용!) posts는 PostService의 findAllPost()의 실행 결과를 담은.. springboot 게시판 만들기 5 (게시글 등록 기능) 안녕하세요. 이제 DB 테이블도 생성해주었고, CRUD 기능도 구현하였으니, 게시글 등록 기능을 구현해야 합니다. MVC 방식으로 진행할 예정입니다! MVC 중 M인 Model을 처리해보겠습니다. 요구사항을 처리하는 로직을 실행하는 핵심영역이라고 보시면 됩니다! src/main/java의 com.exmaple.demo.domain.post 패키지에 PostService.java 파일을 생성해줍니다. package com.example.demo.domain.post; import java.util.List; import org.springframework.stereotype.Service; import org.springframework.transaction.annotation.Transactional; .. springboot 게시판 만들기 4 (게시판 CRUD 처리) 안녕하세요. DB연동도 했으니 이제 게시판 CRUD 구현을 시작해보겠습니당. 저번에 저는 MariaDB에 데이터베이스를 생성해주었습니다. 이번엔 생성한 boardDB 안에 게시글을 관리할 테이블을 생성하겠습니다. cmd 창에서 MariaDB를 사용 중인데, 바로 코드를 치기 어려우니 저는 NotePad라는 프로그램을 이용해서 코드를 친 뒤 cmd(MariaDB)로 옮겨주겠습니다. create table tb_post ( id bigint(20) not null auto_increment comment 'PK', title varchar(100) not null comment '제목', content varchar(3000) not null comment '내용', writer varchar(20) not.. 웹개발 종합반 (1주차) (스파르타코딩클럽) 우연히 스파르타코딩클럽을 알게 되었고, 웹개발의 기초부터 다시 다지자는 마음으로 웹개발 종합반을 수강하게 되었다. 새롭게 알게된 것이나 어려웠던 부분을 기록할 예정이다. 처음 써보는 글에 어색하고, 읽기 어려운 부분이 있을 수 있으나, 이해 바랍니다.. 처음엔 오리엔테이션인 내용들이 많기도 하고 알고있던 부분이 많아서 1.5배속으로 들었다. 네이버에서 뉴스 메뉴를 '뉴스아님'으로 바꿔보기도 했다. 간단하지만 흥미를 돋구는? 그런 부분이었다. 그리고 강사님께서 이해하기 쉽도록 비유를 많이 사용해주셔서 지루하지 않게 들을 수 있었다. 설치하라고 하신 vscode는 이미 깔려있어서 패스 vscode extensions에서 몇가지를 설치하였다. - Live Server - Korean Language Pack .. 이전 1 다음
