[AWS] Spring 프로젝트 배포하기 (7) - MySql, Docker 올려서 Spring 연결하기
2023. 2. 23. 16:46
DevOps/AWS
https://cafe.naver.com/eddicorp/1431 [ 미카니 칼럼 ] AWS배포-5 | MySQL, Redis 올려서 스프링에 연결하기 4편에서 도커를 활용하여 EC2 에 스프링 프로젝트를 올렸습니다. 하지만 DB, Redis가 없어서 오류가 나타났었죠. 그 문제를 해결하기 위해 오늘은 MySQL과 Redis... cafe.naver.com 그 다음 단계도 해당 컬럼보고 진행! 새로 생성한 파일 옮겨주고, docker폴더는 그대로 server폴더 안으로 넣어주면 되고, 기존에 있던것들은 덮어쓰기해서 업데이트 해줬다. .env파일은 Dockerfile 있는 쪽에다 넣어주기! 이렇게 해주고 다시 실행시켜준다. sudo docker logs [컨테이너 이름] 그러고 브라우저에서 아래와 같이 쳐..
[Vue][Spring][MySQL][JPA] Error - SQL Error: 1364 / Field 'column_name' doesn't have a default value
2022. 9. 22. 23:55
ISSUE
Error Mesage [Vue Warn]: Error in v-on handler (pomise/async): "AxiosError: vue.runtime.esm.js?c320:4573 Request failed with status code 500" Hibernate: insert into product (category, content, image, price, reg_date, title, upd_date, writer) values (?, ?, ?, ?, ?, ?, ?, ?) 2022-09-22 21:55:35.122 WARN 20472 --- [nio-8888-exec-2] o.h.engine.jdbc.spi.SqlExceptionHelper : SQL Error: 1364, SQLState:..
[Spring] Vue + JPA + Spring 연동 시 Spring 구조 이해하기
2022. 9. 19. 22:17
Backend/Spring & JPA
오늘 Vue - Spring - jpa를 모두 연결해봤는데 앞으로 Spring에서 쓰일 구조들을 정리해보았다. 우선, Spring에서 크게 4가지 구조로 나눠서 개발을 할 수 있는데 controller & entity & repository & service 이렇게 4가지로 나눌 수 있다. DDD(Domain Driven Design) 도메인 주도 설계로 한다면 구조를 조금 바꾸긴 해야 하지만 우선은 이 정도 구조로 개발해도 된다고 한다. controller URL 맵핑 기능 Vue에서 요청 온 것들을 컨트롤러에서 관리할 수도 있고, URL을 맵핑시켜 아래와 같이 요청 들어온 기능들을 실행시킬 수 있다. ⭐entity 핵심 업무 규칙 사실 이 구조들 중에서 가장 중요한 역할을 하는 게 엔티티라고 보면 됨..
[Vue] GET과 POST의 차이(feat.GetMapping, PostMapping)
2022. 9. 18. 16:15
Frontend/Vue.js
우선 GET과 POST 모두 HTTP 프로토콜을 이용해서 서버에 무언가를 전달할 때 사용하는 방식이다. GET HTTP 프로토콜의 default 방식 URL 입력을 통해 데이터를 요청하는 방식 URL에 값이 따라붙기 때문에 길이 제한에 있어 많은 양의 데이터를 보내기 어려움 주소창(URL )에 전달하려는 정보가 보임 (그렇기 때문에 로그인 같은 기능에서는 절대 사용하면 안 됨) 가져오는 것 (서버에서 어떤 데이터를 가져와서 보여주는 용도, 서버의 값이나 상태 변경 X) POST json 데이터를 전송하려는 목적으로 사용 많은 양의 데이터를 보내기에 적합함 전달하려는 정보가 웹 브라우저 사용자의 눈에 보이지 않음 전송할 데이터를 HTTP 메시지의 Body 태그 안에 담아 전송 수행하는 것 (서버의 값이나 ..
[Vue] Vue에서 어떤 동작을 행했을 때 서버에서 변동 되는 정보 실시간으로 불러오기 (dispatch)
2022. 9. 18. 15:56
Frontend/Vue.js
사실 이 부분에 대해서 꽤 많은 시간을 들여 고민하고, 해결방법을 찾으려고 했던 것 같다. 근데 계속 한 부분에 꽂혀서 다른 관점으로 바라보지 못했던 것이 있다. 현재 웹에서 RPG 게임의 기능을 구현을 하고 있는데, 가지고 있는 경험치로 경험치 상점에서 체력이나, 마력으로 교환을 했을 때 캐릭터 상태정보에 바로 교환엔 체력과 마력이 올라가는 것을 확인하고 싶었는데 이것을 계속 캐릭터 상태 정보가 변동 사항이 있을 때 자동으로 업데이트되는 것만 생각을 했다. 하지만, 조금만 나아서 생각해보면 경험치 상점에서 교환이 일어났을 때 캐릭터 상태 정보가 업데이트가 되면 되는 것이다. 즉, Vue에서 Spring 서버로 경험치 교환으로 인한 액션 요청이 들어갈 때, 캐릭터 상태 정보 업데이트 요청도 같이 들어가면..
[Vue] Vue와 Spring 연동하기 (서버 통신 : 데이터 주고 받기)
2022. 9. 2. 22:10
Frontend/Vue.js
연동하기 전 준비 Spring 1) spring-controller에 vue 패키지 따로 만든 후 클래스 생성해준다. Vue 1) vue - store에 패키지 아래 이미지와 같이 클래스들 만든다. (거의 이 형식 그대로 유지하면서 사용한다고 함) 2) view 패키지에도 클래스 하나 생성 3) cmd창에서 axios 인스톨하기. vue 프로젝트 폴더로 이동한 후에 npm install axios --save-dev 입력 입력 후 엔터 치면 설치완료! 연동하기 우선 테스트로 눌러봐! 라는 버튼을 누르면 밑에 랜덤한 숫자를 나타내는 동작을 구현했다. 이번 페이지에서는 연동할 때 들어가는 코드들의 전체적인 흐름을 설명하고, 생소한 것들 중에 디테일한 풀이들은 따로 새로운 글로 풀이를 해보려고 한다. vue와..
[Spring] 220726 6차 과제 : 주사위 게임 만들기🎲
2022. 8. 1. 22:14
Backend/Spring & JPA
주사위 게임 만들기🎲 📑문제 https://cafe.naver.com/eddicorp/861 Java 문제 은행 [ 1 ] 1. 주사위 게임을 만들어보자! 총 2개의 주사위를 굴릴 수 있다. 첫 번째 주사위를 굴려서 짝수가 나왔다면 주사위를 한 번 더 굴릴 수 있다. 새롭게 한 번 더 굴리는 주... cafe.naver.com 🔍풀이 com.example.demo.controller.basic.sixth SixthCleanDiceGameController package com.example.demo.controller.basic.sixth; import com.example.demo.entity.basic.sixth.Player; import lombok.extern.slf4j.Slf4j; import ..
[Spring] 220724 4차 과제 : 문제 은행[2],[4] 풀기
2022. 8. 1. 22:04
Backend/Spring & JPA
문제 은행 [2] 📑문제 https://cafe.naver.com/eddicorp/298 문제 은행 [ 2 ] 1. 65 ~ 122 사이의 랜덤한 문자를 생성하도록 한다. 여기서 소문자나 대문자가 아니라면 다시 생성하도록 프로그램을 만들어보자 2. 1, 1, 2, 3, 5, 8... cafe.naver.com 문제 1번의 경우 아래 링크에 나온 아스키코드 참고 https://blog.naver.com/PostView.nhn?blogId=jysaa5&logNo=221831226674 [Java] ASCII (아스키코드)/ 문자 ↔ 숫자 ASCII: American Standard Code for Information Interchange, 미국 정보 교환 표준 부호) 예제)... blog.naver.com..