개발

개발 정보

[공공데이터] 공공 API 사용하기 – 지하철 실시간 도착 정보

열린데이터 광장 공공데이터 사이트로 이동 서울 열린데이터 광장에서는 서울에 관한 여러가지 공공 API 를 제공한다.그 중에는 기상정보, 도로 정보, 지하철…

8개월 ago

[Vue] Props 와 Emit – 부모 함수 사용하기

Props props 는 쉽게 생각해서 부모가 자식에게 주는 데이터이다.먼저 부모에게 물려받을 데이터를 자식 컴포넌트에 정의한다. // Child.vue <script setup> const…

8개월 ago

이자 계산기

이번에는 이자 계산기 사이트를 만들어봤습니다. 이자 계산기 바로가기 vue로 하다보니 금액이나 이자율 같은 input 태그의 유효성을 체크하는데 조금 시간이 꽤…

8개월 ago

[SpringBoot+Nginx+vite]유틸 사이트를 만들어봤습니다.feat.핫딜 모음

유틸 사이트로 이동 웹사이트 개설 나의 블로그의 접속자 수는 처참하지만 내가 블로그를 시작하면서생각했던 계획은 내 스스로 간단하게 웹페이지를 개발하고그 개발…

9개월 ago

[GitHub] Actions로 서버에 자동배포하기

과정 시작하기에 앞서 과정부터 설명해드리겠습니다.master branch에 push 가 되면 GitHub Actions 에서소스를 build 를 하고 추출된 jar 를 서버에 이동시킨…

9개월 ago

[SpringBoot] Jar 파일 생성 및 서버 배포

Intellij 와 Gradle 을 기준으로 하였습니다. Jar 파일 추출하기 인텔리제이 오른쪽 툴바를 보면 Gradle 메뉴가 있습니다.Gradle 을 열어보면 여러가지가 나옵니다.…

9개월 ago

[SpringBoot] DB 연결 및 JPA Query Log 설정하기

DB 의존성 추가 먼저 DB 연결을 위한 jdbc dependency가 필요하다.DB는 mariaDB 기준입니다.다른 DB는 그 DB에 맞는 의존성을 추가해주시기 바랍니다. //…

9개월 ago

[IntelliJ] 인텔리제이 GitHub 공유 및 브랜치 추가하기

GitHub 계정 준비 시작하기에 앞서 인텔리제이에 gitHub 로그인 하셔야합니다. 공유 하기전에도 github에 로그인 하라고 뜰 것이고 당연히 github 계정도 있으셔야합니다.…

9개월 ago

[Vue] Vite Router(페이지이동) 적용

Router 추가 및 설정 Vue에서 페이지를 이동할때 Router 를 사용한다.Router 를 사용하기 위해서는 당연히 Router 의존성이 필요하므로 추가해주자. npm install…

9개월 ago

[Vue] Vite로 프로젝트 시작하기

프로젝트 생성하기 시작하기에 앞서 Vite 는 Node 18 이상 설치 되어있어야 한다.터미널(cmd) 에서 프로젝트가 생성되길 원하는 경로에서 명령어를 실행한다.[my-app] 이란…

9개월 ago