분류 전체보기
-
[ch12 자바 지네릭스] 개념, 다형성, Generic 타입 클래스프로그래밍 언어/JAVA 2023. 2. 27. 17:04
📑 지네릭스란? (Generics) 지네릭스는 다양한 타입 객체들을 다루는 메서드나 컬렉션 클래스에 컴파일 시의 타입 체크를 해주는 기능이다. 객체의 타입을 컴파일 시에 체크하기 때문에 객체의 타입 안전성을 높이고 형변환의 번거로움이 줄어든다. ArrayList list = new ArrayList(); list.add(2); //ok list.add("2"); // 컴파일 에러, Integer 타입 외에 다른 타입은 저장 불가 그리고 저장된 객체를 꺼낼 때는 형변환이 필요 없어서 편리하다. 이미 어떤 타입의 객체들이 저장되어 있는지 알고 있기 때문이다. 아래 코드를 통해 개념을 이해해보자. //1. 지네릭스 사용 x ArrayList list = new ArrayList(); list.add(10); ..
-
[IntelliJ] git merge 후 push (+ 잔디 안 심어짐 해결)Tools/IntelliJ 2023. 2. 24. 10:24
현재 프로젝트에서 git branch를 main, preUpload 2개 사용하고 있다. 코드 작성이 완료되지 않은 상태에 preUpload에 먼저 push 해두고 완성되면 merge를 통해 main에 기록하게 된다. IntelliJ 하단에 보면 현재 브런치가 나오는데 아래 사진에선 main을 사용하고 있는 의미이다. 그럼 아래 사진에선 preUpload 브런치를 사용하고 있다는 의미겠죠~? 일단 preUpload에 기록해둔 내역들을 main에 merge하고 싶다면 main으로 chekout을 클릭한다. 체크아웃에 성공한 모습이다. 아래에서 Merge 'preUpload' into 'main'을 클릭하면 쉽게 merge 가능! main 즉 깃허브에서 default로 되어 있지 않은 브런치에서 push를 ..
-
[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..
-
[Vue.js] dayjs로 날짜 포맷 변경하기Front-End/Vue.js 2023. 2. 24. 08:33
vue에서 date를 출력하면 다음과 같은 형식으로 출력된다. 깔끔하게 원하는대로 출력하고 싶으면 어떻게 해야할까? dayjs를 이용하면 된다. 2011년에 첫 공개된 moment.js 라이브러리를 사용하려고 했는데 moment는 이제 더이상의 업데이터가 없다고 발표하여 moment.js보다 dayjs를 많이 사용하는 것 같다. 📑 설치 방법 vue.js의 npm 방식으로 dayjs를 설치해줍니다. npm install dayjs --save dayjs를 import할 수 있는 방법은 2가지가 있는데 첫번 째는 컴포넌트 안 data()에 추가해주는 방법입니다. import dayjs from 'dayjs' export default { data() { return { dayjs } } } 두번 째 방법은..
-
[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 📑 라우터로 화면 이동하기 라우팅이란, 웹..
-
[Vue.js] Bootstrap 적용하기 (bootstrap-vue-3)Front-End/Vue.js 2023. 2. 20. 15:57
📑 Bootstrap 설치 vue에서 부트스트랩을 사용하는 방법은 간단하다. vue.js 프로젝트 경로로 이동한 후 아래 명령어를 입력해준다. npm install vue bootstrap bootstrap-vue-3 만약 기존 bootstrap을 받았다면 기존의 것을 삭제 후 다운 받는다. npm uninstall vue bootstrap bootstrap-vue 📑 2. main.js에 import 추가로 BootstrapVue3에 관련된 경로들을 모두 import 해준다. import { createApp } from 'vue' import App from './App.vue' import BootstrapVue3 from 'bootstrap-vue-3' import 'bootstrap/dist/c..
-
[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..