⭐ SpringBoot/𝄜 게시판 with SpringBoot (31) 썸네일형 리스트형 7. 데이터 생성 with JPA 자바 언어를 DB가 이해하게 도와주는 라이브러리가 JPA이다. JPA의 핵심 도구로는 Entity와 Repository가 있다. dto → Controller → Entity -------------JPA (Repository)---------------→ DB (Table) form 데이터를 DB로 저장하기 위한 과정 1. Dto를 Entity로 변환해야 한다. 2. Repository에게 Entity를 DB안에 저장하게 한다. 엔티티로 변환 ArticleController에서 아래의 코드를 추가하고, Article 클래스가 현재 생성된것이 없으므로, control + 클릭으로 신규로 생성을 해준다. 기본 패키지 폴더에 entity라는 폴더를 생성하고, entity 폴더에 Article 자바 파일을 생.. 6. 폼데이터 주고받기 입력폼을 만들고, 입력폼에서 입력된 값을 컨트롤러에서 확인하자. view 페이지 만들기 templates > articles 라는 폴더에 > new.mustache 라는 파일을 생성한다. new.mustache 코드 {{>layouts/header}} 제출 {{>layouts/footer}} 새로운 컨트롤러를 추가 기존의 controller 폴더에 ArticleController 라는 자바 파일을 생성한다. new.mustache 의 폼을 보여주기 위해서 컨트롤러 파일에 코드를 추가한다. ArticleController 코드 package com.example.firstproject.controller; import org.springframework.stereotype.Controller; import.. 5. 뷰 템플릿과 레이아웃 레이아웃 작성하기 헤더 -------------------- 본문 -------------------- 푸터 부트스트랩을 활용하여 레이아웃 쉽게 구성하기 getbootstrap.com https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstrap.com getstarted > statertemplate를 greetings.mustache에 붙여넣기 startertemplate code Hello, world! 네비게이션 바 추가하기 부트스트랩 홈페이지에서 화면 상단에 Docs에서 네이게이션을 검색하여 코드를 찾기 Navbar 코드를 복사하여 greetings 네이게이션 영역에 붙.. 4. 모델, 뷰, 컨트롤러의 역할 컨트롤러를 클라이언트로부터 요청을 받고 뷰는 최종 페이지를 생성하고, 모델은 최종 페이지에 쓰일 데이터들을 뷰에게 전달하는 역할을 한다. # 기본 절차 1. localhost:8080/hi 로 접속을 하면 controller 가 받는다. 2. 컨트롤러에 정의된 메소드가 실행된다. 3. 그리고 해당 메소드가 반환하는 값을 통해 view 페이지를 보여준다. 4. 해당 view 페이지의 변수를 사용하기 위해서는 model을 거쳐야 한다. 5. 모델로 정의된 메소드 값을 뷰페이지로 출력한다. localhost:8080/bye 로 출력이 되도록 페이지 하나를 추가하기 FirstController.java package com.example.firstproject.controller; import org.sprin.. 3. 뷰 템플릿과 MVC 패턴 활용 신규 URL 값을 생성하고, 해당 URL로 접속 시 return 값으로 정의된 html 파일을 반환한다. html 파일에 변수 값을 설정하면, 메소드에 등록된 모델과 맵핑되어 변수값이 html 파일이 호출될때 함께 표시 된다. 뷰 템플릿은 하나의 화면에서 변수값만 변경하여 화면에 뿌려주는 역할을 한다. Spring 프로젝트를 생성 시 Mustache 라이브러리를 추가하였는데, 이 라이브러리가 해당 기능을 수행한다. MVC 패턴 View : 화면 Controller : 처리 Model : 데이터 관리 Mustache 플러그인 설치 인텔리j 상단메뉴 help > find Action > plugins > 플러그인 화면에서 설치 (핸들바스/머스태치) 템플릿 파일 생성 뷰 템플릿 파일은 src > main.. 2. 웹서비스 동작 원리 1. 클라이언드와 서버의 관계 2. 스프링 부트는 기본적으로 java > resources > static > html 파일을 기본 index 페이지로 찾는다. 예시) http://localhost:8080/hello.html 1. 스프링부트 개발환경 세팅 1. cmd에서 java -version을 입력하여 자바가 설치 되었는지 확인 - 설치가 안되어 있으면 openJDK 다운받아서 설치 2. 인텔리J 다운로드 후 설치 (커뮤니티 버전) 3. start.spring.io 사이트에서 스프링부트 프로젝트 생성 https://start.spring.io/ - 프로젝트는 gradle - 언어는 자바 - 버전은 2.6.5 - 패키징은 jar - java 버전은 8버전 선택 - 아티팩트에는 프로젝트 명을 입력 - 디펜던시 : Springweb, H2 DB, Mustache, JPA - 하단 제너레이터로 프로젝트 다운로드 4. 인텔리j에서 다운받고 압축을 푼 프로젝트 오픈 - 자바 메인메소드 실행 - localhost:8080 - java > resources > st.. 이전 1 2 3 4 다음
