BaeTab's Dev Study

form 데이터 DTO 로 받기 입력 폼 만들기 templates 폴더아래에 -> articles 폴더 생성 -> new.mustache 뷰페이지 생성 코드 작성 {{>layouts/header}} Submit {{>layouts/footer}} Controller 만들기 controller 폴더에 -> ArticleController 자바클래스 생성 package com.example.firstproject.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; @Controller public class ArticleController { @..

header , footer 레이아웃 적용 greeitings.mustache 페이지 꾸미기 부트스트랩 v5.0.2 사용 ( https://getbootstrap.com ) starter template 코드 사용하여 greeting.mustache 코드 변경 (기존 내용 삭제) 기존 코드중 {{username}}님 반갑습니다! 를 바디 안에 넣고 실행 해더영역 navbar 적용 / 푸터영역 작성 content 영역도 로 적용 헤더와 푸터 템플릿화 하기 templates 폴더 아래 layout 폴더를 만들고 layouts폴더를 만들고 header.mustache / footer.mustache 파일을 만든다 greeting.mustache코드에서 콘텐츠 영역 이전은 header.mustache / 이후 ..

처음 프로젝트를 생성할때 추가했던 Mustache 로 뷰템플릿을 만들수 있다 1.MVC 패턴을 활용한 뷰 템플릿 페이지 만들기 1-1뷰템플릿 페이지 만들기 resources -> templates 폴더에 *.mustache 형식으로 생성 만들게 되면 우측 상단에 mustache 플러긴 사용할수있는데 설치할꺼냐는 메시지 뜸. install 눌러서 설치 안뜨면 file ->settings plugins -> Marketplace 로 들어가 Mustache검색해서 설치가능 vscode 에서 html파일 만들때 ! 엔터 친것처럼 doc 타이핑후 tab누르면 기본 코드 자동적으로 생성 1-2컨트롤러 만들기 com.exple.firstproject 우클릭후 패키지를 만들어준다 ( com.exple.firstproj..

서버 실행 firstproject 프로젝트 -> src -> java 내부에 들어가면 firstprojectApplication 을 열면 메인메서드가 포함된 자바코드가 있다 java 폴더에는 자바코드 / resource 폴더에는 외부파일이 저장된 ctrl + shift + F10 누르면 콘솔에 뭐가 쭉~~ 뜨면서 start 어쩌고 저쩌고 하고 뜬다 중간에 보안관련 팝업 하면 액세스 허용 해주면 된다 톰캣이 내장되어있는건지 , 톰캣을 설치해둬서 그냥 실행되는건진 잘 모르겠는데 따로 설정하지 않았는데 그냥 톰캣 서버가 실행되는거보면 내장되어있는게 맞는 것 같다. (책에 보니 스프링부트에 톰캣이 내장되어있다고 한다) localhost:8080 에 접속해보면 이렇게 뜨면 정상적으로 서버가 실행된것이다 HTML ..

Open JDK17 설치 현재 자신의 자바 버전 확인 커맨드 프롬프트에서 java -version 으로 자신의 버전 확인 현재 11.0.18 버전으로 설치되어있어서 JDK 17 버전을 추가로 설치 https://adoptium.net/temurin/releases/ Latest Releases | Adoptium adoptium.net 홈페이지에서 자신의 운영체제에 맞게 17버전을 다운로드하여 설치 맥은 홈브류로 설치 가능 (실리콘맥 m1,m2는 오라클 OpenJDK 로 설치해야함) IDE 설치( intelliJ 인텔리제이) 현재 자바 환경은 이클립스로 사용해왔는데 실습간 교재와 같은환경 조성을 위해 인텔리제이를 처음 설치해봄 인텔리제이는 유료라는 생각을 항상 갖고있어 사용해보지 않았는데 무료버전은 Co..

구글드라이브 API 사용 안에 구글드라이브 API 클라이언트 라이브러리 스크립트를 포함시켜준다 스크립트 시작되면 onApiLoad() 실행 API 로드 function onApiLoad() { gapi.load('client', initClient); } Client 접속 function initClient() { gapi.client.init({ apiKey: '발급받은 API 키', discoveryDocs: ['https://www.googleapis.com/discovery/v1/apis/drive/v3/rest'], }).then(() => { // 접속되면 display function 을 불러옴 displayMedia(); }, error => { console.error(error); })..