{"id":13724781,"url":"https://github.com/arawn/continual-improve-legacy-web","last_synced_at":"2026-01-21T13:13:58.685Z","repository":{"id":142483449,"uuid":"149394317","full_name":"arawn/continual-improve-legacy-web","owner":"arawn","description":"점진적인 레거시 웹 애플리케이션 개선 과정 데모 프로젝트","archived":false,"fork":false,"pushed_at":"2018-09-20T08:57:32.000Z","size":2849,"stargazers_count":16,"open_issues_count":0,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-11-14T14:40:38.576Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/arawn.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-09-19T04:55:32.000Z","updated_at":"2024-05-13T03:02:22.000Z","dependencies_parsed_at":null,"dependency_job_id":"f433091a-2b85-4e63-bca3-ad8f9c625260","html_url":"https://github.com/arawn/continual-improve-legacy-web","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arawn%2Fcontinual-improve-legacy-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arawn%2Fcontinual-improve-legacy-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arawn%2Fcontinual-improve-legacy-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arawn%2Fcontinual-improve-legacy-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arawn","download_url":"https://codeload.github.com/arawn/continual-improve-legacy-web/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252943601,"owners_count":21829272,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-03T01:02:03.309Z","updated_at":"2026-01-21T13:13:58.676Z","avatar_url":"https://github.com/arawn.png","language":"Java","funding_links":[],"categories":["Java"],"sub_categories":[],"readme":"점진적인 레거시 웹 애플리케이션 개선 과정 데모\n===================================\n\n아래 장표는 배민찬 레거시 웹 애플리케이션을 개선하는 과정에서 나온 아이디어 중 하나이다. [스트랭글러 패턴](https://docs.microsoft.com/ko-kr/azure/architecture/patterns/strangler)을 기반으로 구상된 아이디어로 새로운 웹앱이 스트랭글러 파사드(Strangler facade) 역할을 내재한 상태로 만들어지고, 리버스 프록시(Reverse Proxy)를 사용해 레거시 웹 애플리케이션과 자연스럽게 연계하는 방식으로 설계했다.  \n\n![새로운 웹앱과 리버스 프록시(Reverse Proxy)](.README_images/modern-web-and-reverse-proxy.jpg)\n\n데모 프로젝트 구조는 다음과 같다.\n\n```\n.\n├── legacy-web                      # Spring MVC 기반 레거시 웹 애플리케이션 (Boot 를 사용했지만, 없다고 치자!)\n│   └── src\n├── modern-web                      # Spring Boot, Spring Cloud Netflix Zuul 기반 현대적 웹 애플리케이션 + 스트랭글러 파사드 (신규 웹앱)\n│   └── src\n├── modern-web-client               # Vue.js 기반 현대적 웹 애플리케이션 클라이언트 \n│   ├── node_modules\n│   ├── public\n│   ├── src\n│   ├── babel.config.js\n│   ├── package.json\n│   ├── vue.config.js\n│   └── yarn.lock\n├── build.gradle\n└── settings.gradle\n```\n\n현대적 웹 애플리케이션은 Spring Boot 기반으로 만들어졌다. 클라이언트에 요청이 들어오면 Spring MVC와 [Thymeleaf](https://www.thymeleaf.org/)를 통해 Vue.js로 만들어진 싱글 페이지 애플리케이션(SPA, Single Page Application)을 클라이언트에게 제공한다. 만약 해당 요청을 처리할 수 없다고 판단하면 [Spring Cloud Netflix Zuul](https://cloud.spring.io/spring-cloud-netflix/single/spring-cloud-netflix.html#netflix-zuul-reverse-proxy)을 통해 레거시 웹 애플리케이션에 요청을 전달하고, 응답을 클라이언트에게 돌려준다.\n\n데모 프로젝트 실행하기 위해서는 다음 환경이 필요하다.\n\n- Java 1.8 이상\n- Node 8.x 이상\n- Yarn 1.9.x 이상\n\n데모 프로젝트를 실행하는 방법은 아래와 같다. (윈도우 환경은 run.sh 파일을 참고해서 실행하길 바란다.)\n\n```\n\u003e git clone git@github.com:arawn/continual-improve-legacy-web.git\n\u003e cd continual-improve-legacy-web\n\u003e ./run.sh stop \u0026\u0026 ./gradlew clean build \u0026\u0026 ./run.sh start\n```\n\n레거시 웹 애플리케이션에는 3개 페이지가 존재한다.\n\n- http://localhost:9000/index.jsp\n- http://localhost:9000/order.jsp\n- http://localhost:9000/support.jsp\n\n현대적 웹 애플리케이션에는 1개 페이지와 1개 API가 존재한다.\n\n- http://localhost:9100/order.jsp\n- http://localhost:9100/api/items\n\n현대적 웹 애플리케이션은 `/order.jsp` 요청에 대해 Vue.js로 작성된 애플리케이션으로 응답하고, 그외 요청(`/index.jsp, /support.jsp`)은 레거시 웹 애플리케이션에게 전달한다. Vue.js로 작성된 `/order.jsp`에서는 API 호출 후 console.log 를 통해 출력하는 기능이 구현되어 있다.\n\n\n`점진적인 레거시 웹 애플리케이션 개선 과정`에 대한 전체 이야기는 [Presentation](https://www.slideshare.net/arawnkr/ss-115339631) 에서 볼 수 있다.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farawn%2Fcontinual-improve-legacy-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farawn%2Fcontinual-improve-legacy-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farawn%2Fcontinual-improve-legacy-web/lists"}