휴지통.. (44) 썸네일형 리스트형 Springboot 게시판 만들기 (4) - 게시글 작성 DB에 저장 - 게시판 Form 처리 현재의 Form은 작성 버튼을 눌러도 아무런 반응이 없다 이유는 form태그를 사용하지 않았기 때문이다. form 태그 안에 해당 태그들에 name을 지정해준다. ( boardController에서 해당 이름을 통해 매개변수를 받아오기 때문) DB에 저장하기 위해서는 데이터를 보내는 작업이기 때문에 Post 메소드를 이용해서 데이터를 보내준다. 데이터를 보내주는 위치는 /board/wirtepro 위치로 보내준다. - BoardController 이제 Form을 통해 입력한 값이 매개변수를 통해서 재대로 출력이 되는지를 확인할 수 있었다. - Entity, Repository, Service • Entity 데이터베이스의 테이블을 의미하는 Entity이다. @Entity 어노테이.. Springboot 게시판 만들기 (3) - 게시글 작성 Form 만들기 - 스프링부트 Form 생성 프로젝트의 프론트엔드 부분을 담담하는 template 부분이다. boardwrite.html을 생성하여 위와 같이 게시판 틀을 만들어준다. 가독성을 위해서 간단한 style을 적용하였다. - Form과 경로 연결 방금 생성한 Form과 경로를 연결해주기 위해서 BoardController에서 GetMapping 을 통해서 경로를 지정해주고, return문에서 boardwrite를 지정해 주어 Form과 class를 연결해줍니다. 이후 실행을 하여 링크에 맞게 원하는 Form 나왔는지를 확인합니다. Springboot 게시판 만들기 (2) - 프로젝트 초기 설정 - 스프링부트 프로젝트 생성 스프링 부트를 실행하기 위해서 스프링 이니셜라이저 https://start.spring.io/ 링크를 통해서 스프링 부트 프로젝트를 생성해 줍니다. 해당 강의에서는 스프링 MVC를 사용하는 Spring Web과 데이터 관리를 위한 JPA와 MariadDB Driver View 탬플릿 Thymeleaf 간단한 코드 작성을 위한 Lombok을 사용한다. 실행을 하면 위와 같이 오류 화면이 나타나는데 DB연결이 아직 되지 않았다는 오류이다. 이후 실행 시켜서 오류가 없음을 확인할 수 있다. 현재 페이지는 오류 페이지를 출력하게 되는데 원하는 텍스트를 표시 하기 위해서 Controller를 통해 출력시킬 수 있다. @controller 어노테이션을 통해 컨트롤임을 확인시킨 후 @Ge.. SpringBoot 게시판 만들기(1) - 개발환경 - 인텔리제이 설치 이미 인텔리제이가 설치 되어있었기 때문에 완료. - Maria DB 설치 현재 macOS를 사용중이기 때문에 Homebrew 를 통해서 Maria DB를 설치하였다. $ brew install mariadb 이후 터미널에서 $ mysql --version 을 통해 설치를 확인한다. 설치 완료. - Mysql Workbench 설치 원래는 macOS 지원 DB 툴 "sequel pro" 를 사용했지만 언젠간 WorkBench를 필요로 하기를 알기 때문에 WorkBench를 다운로드 했다. 다운로드 링크 : https://dev.mysql.com/downloads/workbench/ WorkBench 설치 완료. 간단한 - SpringBoot 게시판 만들기 - 스프링부트 게시판 만들기 - https://www.youtube.com/watch?v=frI5CoZe-vE&list=PLZzruF3-_clsWF2aULPsUPomgolJ-idGJ&index=1 스프링부트 게시판 (매우 간단게시판) 스프링을 공부하기로 마음먹기만 10번이 넘은 것 같다. REACT , 머신러닝 등 취업의 방향을 잡지 못하고 어렵다는 이유로 스프링 공부를 멀리 했지만 답은 스프링인 것 같다. 학교 선배가 추천해주신 영상 "한코딩 스프링부트 게시판 만들기" 영상으로 공부를 진행해 보려고 한다. 이번에는 무조건 끝내야한다. "어차피 1달동안 놀꺼면 잘 안되고 어려워도 이 영상을 꼭 끝내보자" 졸업 작품 리뷰 ( React-웹 프로그램 ) 졸업 작품에서 웹페이지의 기능은 QR코드를 통해 로그인을 진행한 후 머신러닝을 통해 탈모를 예측해서 DB에 저장하는 역할을 하고 있습니다. - Client , Server 설정 웹 페이지에서는 로그인 , 측정 결과를 JSON 형태로 DB에 저장하는 역할을 하기 때문에 Client 와 Server를 나눌 필요가 있었다. 해당 서버는 프록시 서버로 지정하기로 했다. - Database 연결 데이터베이스를 연동시키기 위해서 mysql 모듈을 사용하여 DB와 연결해줍니다. DB에 저장하기 위해서 연동해둔 프록시 서버를 통해서 DB와 통신을 합니다. 위와 같이 5000포트를 입력했을시에 프록시 서버를 통해 API를 가져올 수 있다. - 초기 화면 (QR 로그인) 다음은 QR 코드를 통해서 로그인을 진행하는 페이지.. 졸업 작품 리뷰 ( 매직미러와 모니터 조립) 중간 고사 기간으로 중간고사 공부와 졸업작품 마무리를 하느라 조금 바빴던 것 같다. 중간고사와 졸업작품을 끝냈으니 이제 리뷰를 하려고 한다. - 졸업 작품 우리의 졸업 작품 주제는 머신러닝을 통해서 탈모를 측정하고, 값을 핸드폰으로 확인할 수 있는 스마트 거울이다. 스마트 거울은 라즈베리파이를 이용하기로 했다. 나는 졸업작품을 만드는데 있어서 REACT를 통한 웹페이지와 스마트 미러를 제작하는 역할을 맡았다. 안드로이드 앱은 성재가 담당했다. - 스마트 미러 스마트 미러를 제작하는 것은 생각보다 정말 정말 간단했다. 라즈베리 파이를 이용해서 Magic Mirror 오픈 소스를 다운 받으면 끝나는 작업이기 때문이였다. 문제는 해당 거울을 제작하는 과정이였다. 1. 모니터 구매 후 분해 캡스톤 디자인을 통해.. Docker -호스트 , 컨테이너 연결 ( react 프로젝트 도커에 연결) - 네트워크 연결과 호스트 이전 글에서는 docker exec 명령어를 통해 직접 도커 컨테이너에 접속하여 index.html 파일을 변경하였습니다. 이제는 Docker 환경을 컨트롤 하는 호스트 즉 우리의 컴퓨터에서 명령어를 통해 docker 컨테이너의 index.html 을 변경하는 과정을 설명해보겠습니다. - 웹 프로젝트 파일 준비 우선 웹 프로젝트 파일은 이전에 만든 react 단어장 프로젝트를 이용하겠습니다. (https://baam-ki.tistory.com/11) 우선 npm run build 명령어를 통해서 react 프로젝트를 빌드해줍니다. 빌드가 끝난 후 해당 폴더 명을 htdocs로 변경 한 후 docker run -p 8883:80 -v C:\Users\qjarl\바탕 화면|htdo.. 이전 1 2 3 4 5 6 다음
