vue-cli와 spring-boot를 활용하여 채팅 사이트를 만들어 보는 프로젝트이다. 완전히 csr방식으로 만들었다. 1. 환경 구축 (프론트) https://okane-on-cliff.tistory.com/241 (백) https://okane-on-cliff.tistory.com/242 2. 프론트 코드 : https://okane-on-cliff.tistory.com/243 3. 백 코드 : https://okane-on-cliff.tistory.com/244 4. 배포 : https://okane-on-cliff.tistory.com/245 1. 깃 주소 (프론트) : https://github.com/okanekudasai/socketFront.git (백) : https://github.c..

원래 계획은 모바일로 확인 가능한 database api를 만들고 싶었다 그래서 프론트는 만들고 난 뒤 안드로이드 스튜디오에서 웹뷰를 통해 띄울 생각이었다. 그런데 안드로이드 스튜디오는 보안문제가 굉장히 엄격한거 같다. http 통신이 전혀 안된다. 이번 프로젝트와 상관없이 그냥 자바스크립트를 포함한 웹뷰를 생성한 에뮬레이터의 모습이다. fetch이후 alert가 안온다. 뭔짓거리를 해봐도 안된다. android를 할려면 react native를 해야될 것 같다. 참 아쉬운 부분이다.

목차 - https://okane-on-cliff.tistory.com/227 차례는 아래와 같다 1. ec2 구축 2. vue-cli 빌드 3. spring-boot 빌드 1.ec2 구축 (1)먼저 인스턴트 부터 만든다. 그냥 만들면 되는데 몇가지 짚고 넘어가지면 운영체제 - ubuntu 키페어 - ppk로 네트워크 설정은 편집에서 '보안 그룹 규칙추가' 후 spring-boot의 application.properties에서 할당한 port번호를 Port range에 적어서 포트를 열어준다. 스토리지 구성은 30GB로 해준다. (2)Putty를 통해 22번 포트로 인스턴스에 접속한다. ㄱ.푸티 설치, 실행 Putty는 검색해서 다운 받으면 된다. Putty실행 ㄴ.푸티 설정 이후 (Category)Se..

목차 - https://okane-on-cliff.tistory.com/227 완성된 스프링부트의 디렉토리 구조는 다음과 같다. 이제 여러 axios api들이 spring boot의 controller와 함께 어떻게 사용되는지 여러 예시들과 확인 해 보자 //vue-cli axios.get("http://3.38.178.54:9999/board/getList") //spring-boot Controller @GetMapping("/getList") public List getList() { return mapper.getList(); } //spring-boot BoardMapper.java (interface) List getList(); //spring-boot BoardMapper.xml sele..