Backend

[Thymeleaf]게시판 Table에서 Paging 적용하기(SpringBoot) 안녕하세요! 보통 웹사이트에서 다량의 데이터들을 효율적으로 보여주고자 할 때 표를 많이 사용합니다. 이 때 페이징이 잘 안되서 주로 애를 먹고는 했는데요, 오늘은 표 구성과 함께 페이징을 한번 정리해보도록 하겠습니다. 1. View 제작하기 1.1 표(table) 만들기 먼저 페이징을 위해서는 표가 필요하니 표에 대한 코드를 작성합니다. 1 2 3 4 5 6 7 8 9 10 11 12 제목1 제목2 제목3 Colored by Color Scripter cs 서버에서 list라는 변수에 title1,title2,title3라는 변수를 담고있는 클래스를 멤버로 가지고 있는 리스트를 보내준 상황입니다. 이대로 코드를 실행하면 ..

[SpringBoot]2. View만들어보기-Controller와 View에 대하여 안녕하세요 오늘은 저번 글에 이어서 Controller와 View에 대하여 다뤄보도록 하겠습니다. 1. 스프링의 동작 구조 스프링은 서버 프레임 워크이기 때문에 클라이언트와 상호작용을 해야 합니다. 이 과정에서 필요한 것이 View와 Controller 인데, 이 둘을 간단히 말하면 view는 우리가 보는 웹페이지 형식의 html 파일(정적 리소스)를 말하는 것이고 controller는 서버에서 온 요청을 받아서 서버 로직을 수행한 뒤 그 결과를 다시 클라이언트에 넘기는 역할을 합니다. 예를 들어 우리가 컨트롤러에 localhost:8080/home 이라고 요청을 보내면 서버 프로젝트 내에 있는 index.html이라는 ..

[SpringBoot] ajax로 사진 업로드와 삭제, 썸네일 미리보기 기능 구현하기 안녕하세요 오늘은 ajax를 이용하여 사진 업로드 기능을 구현하고자 합니다. 보통 게시판 등의 웹사이트를 만들면 사진을 업로드하는 기능이 흔히 들어가고는 합니다. 이 사진 업로드하는 기능을 만들면서 조금 애를 먹었어서 정보를 공유해보려고 합니다. 먼저 결과물 보여드리겠습니다ㅎㅎ 기능이 따로 특별한건 없고 (관리자페이지와 왼쪽의 네비게이션 영역은 공통레이아웃이니 신경안쓰셔도 됩니다) 유저가 사진을 추가 버튼을 누르고 사진을 추가하면 추가한 사진들의 썸네일을 보여준 뒤, 썸네일을 누르면 전송 목록 및 썸네일에서 누른 사진을 삭제, 전송하기 버튼으로 사진들을 전송하면 서버에서 사진을 받아 처리한 뒤 그 결과를 아래에 띄워주는..

[SpringBoot]스프링부트 프로젝트 시작하기 안녕하세요! 오늘은 SpringBoot를 이용한 게시판 만들기 프로젝트의 첫 포스팅을 시작해볼까 합니다. 개발에 사용될 예정인 기술은 아래와 같습니다. 개발에 사용할 기술 1) IDE(통합개발환경): InteliJ(인텔리제이) 2) 개발 환경: SpringBoot+Gradle+yml 3) DB통신: Spring Data JPA+MYSQL(workbench) 4) View 템플릿 언어: Thymeleaf 5) 로그인 관련 처리: Spring Security 이번 포스팅에서는 SpringBoot 프로젝트 시작하는 것부터 다뤄보도록 하겠습니다. 1. Spring vs SpringBoot 차이 프로젝트를 시작하기 전에 Spring을 하다보면 종종 보이는 두 녀석..