Solution developer

이번 시간엔 저번에 가져온 템플릿을 이용하여 메인 화면에 적용시켜보겠습니다. [이전 링크] [Springboot] VSCode에서 웹 템플릿을 이용한 스프링부트 웹사이트 만들기(1) Day3. 웹사이트에 템플릿 적용하기 1. springboot 프로젝트에 템플릿 파일 옮기기 main/resources/static 폴더에 css,fonts,img,js와 같은 정적 파일이 담긴 폴더를 옮긴다. 2. html 페이지 옮기기 css, fonts와 같은 정적 파일들은 static 폴더에 옮겼지만 jsp로 수정하여 쓸 html 파일들은 아까 생성한 webapp/WEB-INF/jsp 경로에 옮겨 놓아야한다. html 파일들을 복사하여 아래와 같이 옮겨두자. 3. 화면 확인하기 붙여넣은 화면들과 css와 같은 정적 파..

이번 시간엔 controller와 jsp 파일을 연결하여 보겠습니다. Day2. JSP와 Controller 연결하기 1. build.gradle 파일에 의존성 추가하기 build.gradle 파일의 dependencies 속성에 아래 코드를 추가하여 줍니다. 첫번째 코드는 내장된 tomcat에서 jstl을 인식하도록 설정하는 것이고, 두번째 코드는 jsp를 사용하기위해 jstl을 추가해준 것 입니다. compile('org.apache.tomcat.embed:tomcat-embed-jasper') compile('javax.servlet:jstl') 2. application.properties 파일에 속성 추가하기 application.properties 파일에 아래 코드를 추가하여 controlle..

지난 시간 VScode에서 SpringBoot maven을 이용해 템플릿을 이용하여 웹사이트를 띄워보았습니다. 하지만, Controller에서 jsp를 정상적으로 찾지 못하는 문제가 생겨 Gradle을 이용하여 웹사이트를 만들어보도록 하겠습니다. 우선 프로젝트를 먼저 생성해보겠습니다. Day1. 프로젝트 생성하기 1. Spring Initializr: Generate a Gradle Project 선택 2. java 선택 3. Group Id를 입력합니다. 저는 com.potato라고 입력하겠습니다. 4. Artifact Id를 입력합니다. 저는 fanpage라고 입력하겠습니다. 5. 2.2.6 버전을 선택합니다. 6. Dependency를 선택합니다. 7. 원하는 경로에 폴더를 만들고 선택합니다. 8...

오늘은 VSCode에서 Springboot로 template를 이용해 웹사이트를 만들어보겠습니다. 1. template가져오기 Google등 검색 포털에서 웹 템플릿을 검색하여 가져옵니다. 저는 아래 웹 사이트에서 템플릿을 가져왔습니다. https://colorlib.com/wp/templates/?v=38dd815e66db 800+ Free Website Templates | HTML & Bootstrap 2020 - Colorlib The best source for free website templates based on Bootstrap 4 and clean HTML & CSS. We have over 800 free templates and more have been added every day..

VSCode에서 SpringBoot로 메인 화면인 index.html 을 생성해보자 1. index.html 파일 및 이미지 추가하기 src/main/resources 위치에 static 폴더를 만들고 index.html 파일을 추가한다. index.html 파일 생성 후 웹페이지에 첨부할 이미지를 해당 경로에 붙여넣기 한다. 2. index.html 파일에 소스를 추가하기 Hello, gethlemn! 에 원하는 웹페이지의 타이틀명을 적어준다. 내부의 에 파일명을 입력하고 사이에 원하는 인사말을 적어준다. 3. 코드 실행하기 ctrl + F5를 눌러 실행한다. 4. localhost:port 로 접속하여 확인한다. * Spring Boot Port 변경 방법 : resources 밑에 있는 applic..

Spring Boot로 웹사이트를 개발하기 위해 VSCode에 설치해보겠습니다. 1. VSCode에 패키지 설치하기 1) Ctrl + Shift + P 를 클릭하여 Command 창에 Extensions를 입력하고 Install Extensions를 클릭합니다. 2) Java Extension Pack을 검색하여 설치합니다. - JAVA 언어 지원 3) Spring Boot Extension Pack을 검색하여 설치합니다. 2. JDK 설정 1) File -> Preferences -> Setting 2) jdk 경로를 세팅해 준다. - 인터넷을 검색해보니 jdk 를 검색하여 아래 경로를 입력해주라고 되어있었다. 왜 인지 모르겠지만 jdk, java.home이 검색되지 않는다. * jdk, hava.ho..