
[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 서버로 경험치 교환으로 인한 액션 요청이 들어갈 때, 캐릭터 상태 정보 업데이트 요청도 같이 들어가면..