프로젝트
-
[Spring Boot] 1-3. Oracle + MyBatis 연동 테스트프로젝트/도서 관리 시스템 2023. 6. 19. 09:11
프로젝트 생성 후 Oracle 설정 세팅까지 마쳤다. 이번 포스팅에선 Oracle과 MyBatis를 사용할 수 있는 환경을 만들고 DB 테스트까지 해보려고 한다. 파일 구조는 다음과 같이 member 패키지에 controller, domain, service, mapper를 생성한다. 📑 MyBatis 설정 설정 #mybatis mybatis.mapper-locations=classpath*:mapper/*.xml mybatis.type-aliases-package=com.wish.library.member.domain mybatis.config-location=classpath:config/mybatis-config.xml 📑 mybatis.mapper-locations : resourecs/파일 아래..
-
[Spring Boot] 1-2. 프로젝트 생성 (JSP 사용하기)프로젝트/도서 관리 시스템 2023. 6. 12. 23:23
https://wonisdaily.tistory.com/91 [IntelliJ] 인텔리제이 Ultimate 설치 방법 그동안 java, jsp/servlet, Spring MVC 를 공부하면서 사용한 tool은 eclipse였다. IntelliJ에 대해서 들어보긴 했는데 그냥 쓰던게 편하겠지 싶어 이클립스를 사용했었는데, 이번에 인프런에서 김영한 강사님 wonisdaily.tistory.com 📑 프로젝트 생성 IDE는 IntelliJ를 사용하려고 한다. 설치 방법은 위의 포스팅 참고. intellij를 설치했다면 spring initializr에서 프로젝트를 생성한다. https://start.spring.io/ ✔ project : Gradle - Groovy ✔ spring boot : 2.7.12..
-
[Spring Boot] 1. 도서 관리 프로젝트 기획프로젝트/도서 관리 시스템 2023. 6. 12. 21:37
도서 관리 프로젝트를 진행하려고 한다. 스프링 부트를 사용하며, 프론트단은 jsp로 진행하려고 한다. jsp로 완료한 후 vue.js로 변경해보는게 이 프로젝트의 목표이다. 🎈 언어 - JAVA 11 🎈 IDE - IntelliJ IDEA Ultimate 🎈 FrontEnd - JSP, JavaScript, JQuery 🎈 BackEnd Framework - Spring Boot (2.7.8) 🎈 Build Tool - Gradle 🎈 DB - Oracle 11g xe 일단 회원 -> 게시판 -> 도서 순으로 테이블을 점점 추가해갈 예정이므로, 하나씩 게시글 내용도 더해가려한다. 📑 회원 (Member) 필요한 기능들은 다음과 같다. ✔ 회원 조회 ✔ 로그인 ✔ 로그아웃 ✔ 회원 가입 ✔ 회원 정보 수정..
-
[Spring Boot +Vue.js] 게시판 만들기 5 - 게시글 목록 조회 (mapper, axios)프로젝트/SpringBoot & Vue.js 2023. 2. 24. 09:41
back단부터 정리해보려고 한다. 일단 다음과 같이 폴더를 생성해준다. 📑 mybatis 연결 #jdbc oracle spring.datasource.driver-class-name=oracle.jdbc.driver.OracleDriver spring.datasource.url=jdbc:oracle:thin:@localhost:1521/xe spring.datasource.username=thdnjs0946 spring.datasource.password=1234 server.port=8081 # encoding server.servlet.encoding.charset=UTF-8 server.servlet.encoding.force=true server.servlet.encoding.enabled=tru..
-
[Spring Boot +Vue.js] 게시판 만들기 4 - 데이터 생성, DB 연결 (Oracle)프로젝트/SpringBoot & Vue.js 2023. 2. 22. 08:57
DB는 Oracle을 사용하려고한다. 아래 Oracle 계정 생성과 sql developer 설치 포스팅을 참고 https://wonisdaily.tistory.com/208 [ORACLE] SQL Developer 설치, 계정 생성 오라클을 편하게 사용하려면 sqldeveloper를 다운받는 게 좋다. 아래 링크는 오라클 11g XE 다운 받는 방법을 정리해둔 포스팅이니 참고 https://wonisdaily.tistory.com/207 [Oracle] 오라클 11g Express Edition(XE) 다 wonisdaily.tistory.com 📑 Spring Boot 와 Oracle 연결 처음 스프링 부트 프로젝트를 만들 때 spring web과 Mybatis Framework, Oracle Dri..
-
[Spring Boot +Vue.js] 게시판 만들기 3 - 화면 구상하기 (+라우터)프로젝트/SpringBoot & Vue.js 2023. 2. 21. 13:44
📑 화면 구상 하기 header, footer는 한 번 생성해두면 크게 변할일이 없기 때문에 따로 컴포넌트로 만들어서 App.vue에 고정으로 박아둔다. 한 페이지에 다른 컴포넌트들을 보여주는 방법은 다음과 같다. 🎈 1. import로 Header와 Footer 페이지를 받아온다. 🎈 2. components 안에 import해올 때 지정한 컴포넌트 명칭을 선언해준다. (Header : Header , Header 둘다 가능) 🎈 3. 사용하고 싶은 곳에 컴포넌트 이름으로 태그를 써서 사용한다. src/components/ 아래 PageHeader와 PageFooter.vue 파일을 생성한다. Board Home> Board This is Main Footer 📑 라우터로 화면 이동하기 라우팅이란, 웹..
-
[Spring Boot +Vue.js] 게시판 만들기 2 - Frontend 프로젝트 생성프로젝트/SpringBoot & Vue.js 2023. 2. 20. 13:47
📑 Node.js 설치하기 🟣 Node.js 사이트에서 최신 버전 LTS를 다운받으면 된다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 다운 받았다면 IntelliJ 아래에 터미널을 열어주고 npm -v로 node의 버전을 살펴보자. 터미널의 기본 값은 powershell로 되어있는데 git bash를 사용하고 싶다면 File -> settings -> tools -> terminal로 이동한다. shell path를 보면 경로가 적혀있는데 저장하였던 git 파일에 들어가 bin이 위치한 sh.exe 파일을 선택하여 준다. 파일 경로 뒤에 -l..
-
[Spring Boot +Vue.js] 게시판 만들기 1 - Backend 프로젝트 생성프로젝트/SpringBoot & Vue.js 2023. 2. 20. 10:48
vue.js 인강을 들으며 문법과 활용법 공부를 했는데 직접 토이 프로젝트라도 만들어 보면서 적용시켜야 감이 잡힐 듯 싶어 게시판 프로젝트를 만들어보려고 한다. 스펙은 다음과 같다. 🎈 언어 - JAVA 11 🎈 IDE - IntelliJ IDEA Ultimate 🎈 FrontEnd Framework - Vue.js ( npm 3.0 ) 🎈 BackEnd Framework - Spring Boot (2.7.8) 🎈 Build Tool - Gradle 🎈 DB - Oracle 11g xe 📑 1. BackEnd Porject 생성하기 IDE 인텔리제이에 하나의 프로젝트에 back과 front를 같이 연동해서 사용하려고 합니다. 인텔리제이 설치하는 방법은 아래 링크 참고! https://wonisdaily...