전체 글

[SpringBoot]DB구축을 위한 MySQL 및 Workbench 설치하기! 안녕하세요! 오늘은 백엔드 개발을 할 때 DB설치가 꼭 필요한데, 그 중에서 MySQL에 관해서 포스팅 해보려고 합니다. MySQL을 순수하게 SQL쿼리문 만으로 다룰 수도 있지만 MySQL측에서 편리하게 데이터 베이스(DB)를 다룰 수 있도록 GUI환경을 갖춘 Workbench라는 프로그램을 제공합니다. 오늘은 MySQL설치와 WorkBench까지 같이 설치하는 방법에 대해 알아보겠습니다. 1. 설치파일 다운 받기 먼저 MySQL페이지로 가서 설치파일을 받으러 갑니다. 아래 사진과 같이 구글에다가 [mysql workbench]라고 검색만 해주면 쉽게 나오는데 아래 사진의 3번째 결과인 Download MySQL Workb..

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