전체50 [vuejs] http 기본 데이터 통신 spring boot의 controller와 http통신을 하여 데이터를 가져오기를 예제이다. axios를 이용하여 통신을 할 예정이다. vue 프로젝트를 생성한 소스 정리 및 기본적인 controller를 작성 vue 프로젝트를 생성하면 다음과 같은 구조로 되어있다. 1. App.vue에서 필요없는 내용은 제거 2. 기본적인 controller 작성 정말 간단하게 GetMapping을 통해 해당 도메인을 호출하면 문자열을 return 해주는 소스이다. 3. HelloWorld.vue에서 axios를 이용하요 http 통신 3.1 HelloWorld.vue에 필요없는 소스를 제거 후 기본적은 msg데이터를 출력하는 화면을 만든다. 3.2 axios를 설치 - npm install --save axios .. 2021. 7. 31. IntelliJ 설치 1. 버전 Intellij에는 두 가지 버전이 있다. Community : 무료 Ultimate : 유료 Ultimate이 유료인 만큼 더 다양한 기능을 지원한다. 하지만 Ultimate도 학생인증을 하면 무료로 사용 가능하기에 Ultimate 버전을 사용하고자 한다. 2. 라이센스 발급 및 설치 2.1 학생메일 인증 - 아래의 링크로 접속한다. ✔https://www.jetbrains.com/community/education/#students - 접속후 페이지 하단의 'Apply now'를 선택하여 정보 입력화면으로 이동한다. - 정보에 입력한 메일로 다음과 같은 메일이 왔을 것이다. 'follow this link'를 클릭하여 인증서 화면으로 이동후 스크롤을 내려 'I Accept'를 활성화 시켜 .. 2021. 7. 30. [MSA] 마이크로서비스 마이그레이션 마이크로서비스는 목표가 아닌 선택사항이다. 마이크로서비스보다 더 나은 방안이 있는지를 고려해야 한다. 마이크로서비스를 만들때와 모놀리스 아키텍처를 MSA로 마이그레이션할때 필요한 내용을 알아보자. 1. MSA 선택 이유와 대안 1.1 팀 자율성 향상 - 마이크로서비스를 도입하면 조직과 업무의 단위가 작아지게 되어 자율적(책임 분배)으로 팀을 형성할 수 있고 이로 인해 효과적인 업무와 협업이 가능 - 다른 팀의 영향도가 줄어듦 대안 -> 마이크로서비스가 아니더라도 자율성(책임 분배)은 가능 -> 오히려 일부의 소유권을 특정 팀에게 부여하는 것이 좋을 수도 있음 1.2. 시장 출시 시간 단축 - 다른 변경에 대해 구애받지 않고 바로 배포가 가능 대안 -> 프로젝트의 전체 단계를 생각하면 배포만 빠르게 해서 .. 2021. 7. 30. [MSA] MSA란 무엇인가? MSA는 Micro Service Architecture의 약자로 '작은 단위의 서비스 구조'라는 뜻이다. 기존에 사용하던 구조는 모놀리스(Monolith) 아키텍처를 주로 사용하고 있다. MSA를 알아보기 전에 모놀리스(Monolith) 아키텍처를 먼저 알아보고 MSA에 대해 살펴보도록 하자. 1. 모놀리스 아키텍처(Monolith Architecture) 먼저 모놀리스의 뜻을 살펴보면 '하나로 되어있는' 정도로 해석이 된다. 모놀리스 아키텍처는 '하나로 되어있는 구조'로 되어있는 시스템이다. 아래의 그림으로 모놀리스 아키텍처로 구성된 시스템을 간단한 예를 살펴보자. 1) 다양한 서비스들이 '애플리케이션' 하나에 전부 모여있음 2) 각 서비스 실행할 경우 하나로 모여있는 서버로 요청 3) 서버에서 요청.. 2021. 7. 15. 이클립스 already in use 오류 / 톰캣 포트 충돌 해결방법 이클립스를 이용하여 프로젝트를 할때 아래와 같은 에러가 발생하는 경우의 해결방법을 알려드리고자 합니다. 이때 당황하지 마시고, 1. [명령 프롬프트]를 실행합니다. * window+r로 실행창을 켠후 cmd를 입력하면 빠르게 실행하실 수 있습니다. 2. netstat 명령어를 입력합니다. 이때 옵션은 a, n, o를 입력합니다. >netstat -ano * netstat는 전송 제어 프로토콜, 라우팅 테이블, 수많은 네트워크 인터페이스, 네트워크 프로토콜 통계를 위한 네트워크 연결을 보여주는 명령 줄 도구 (위키백과:ko.wikipedia.org/wiki/Netstat) * a : 모든 연결과 수신 대기 포트를 표시합니다. * n : 주소와 포트 번호를 숫자 형식으로 표시합니다. * o : 각 연결의 소.. 2021. 4. 4. 이전 1 2 3 4 5 6 ··· 10 다음 728x90 반응형
