001Project (5) 썸네일형 리스트형 점진적으로 Vue 프레임워크 적용하기 (Vanilla Js -> Vue) None Framework 프로젝트에 점진적으로 Framework 적용하기 0. 들어가기 앞서 None Framework 프로젝트를 프레임워크로 교체하기 위해서는 기존의 기능 및 디자인 등을 똑같이 다시 구현해야 하고, 이는 몇 개월 이상의 비용이 필요한 큰 작업입니다. 그런데 프레임워크가 적용되지 않은 프로젝트에 부분적으로 프레임워크를 적용할 순 없을까요?🤔 예를 들어 하나의서비스에서, 어느 페이지는 html로 만든 페이지이고 어떤 페이지는 vue 프로젝트를 build 하여 만들어낸 페이지인 것으로 말이죠. 이번 글에서는 점진적으로 프레임워크를 적용하기 위해 시도한 방법에 다뤄보려고 합니다. 기존 진행하던 프로젝트가 있다고 가정하여 간단한 예제를 만든 다음 일부 페이지를 Vue로 바꿔나가 보도록 하겠습.. 001프로젝트 / '이벤트'방식으로 레이싱카 구현하기 '이벤트'방식으로 레이싱카 구현하기 001 Project? 001 Project란 어떠한 과제가 있을 때 그의 기초 단계인 0.0.1v을 만들어 보는 개념입니다. 이벤트 방식의 기초적인 부분을 다루고 있습니다. 모든 코드는 github에 있습니다. 이번 포스팅에서는 간단한 콘솔 어플리케이션을 이벤트 방식으로 구현해보면서 '이벤트'에 대해 간단하게나마 이해하는 시간을 가져보겠습니다. 간단한 콘솔 어플리케이션을 구현하자🕹 구현하려는 어플리케이션은 다음과 같습니다. 레이싱카 구현하기 - 게임에 참여하는 Car를 입력한다. - 매 라운드마다 참여하는 Car들 각자가 car.move(int count)를 통해 position을 이동한다. - 한 라운드가 끝나면 현재 1등을 콘솔에 찍는다. - 모든 라운드 끝나면 .. 001프로젝트 / ThreadPoolTaskExecutor를 이용한 Spring에서 Graceful Shutdown 구현해 보기 001 Project? 001 Project란 어떠한 과제가 있을 때 그의 기초 단계인 0.0.1v을 만들어 보는 개념입니다. Graceful Shutdown의 기초적인 부분을 다루고 있습니다. 모든 코드는 github에 있습니다. 🤔 Graceful Shutdown? graceful shutdown 이란 실행 중인 작업이 완료된 후 애플리케이션을 종료하는 것을 의미합니다. 예를 들어 다음과 같이 15초가 소요되는 작업이 있습니다. @RestController public class MyController { @GetMapping("/task") public String task() throws InterruptedException { job(1); return "end"; } private void j.. 001프로젝트 / 저장소 안에 저장소, Submodule 001 Project? 001 Project란 어떠한 과제가 있을 때 그의 기초 단계인 0.0.1v을 만들어 보는 개념입니다. 서브모듈의 기초적인 부분만 다루고 있습니다. 서브모듈이란 Git 저장소 안에 다른 Git 저장소를 디렉토리로 분리해 넣는 것으로 프로젝트에서 외부 라이브러리를 가져다 쓰는 등의 경우에 사용될 수 있습니다. 어떻게 사용할까 생성 프로젝트의 작업 경로에서 다음 명령어를 이용하여 서브모듈을 생성합니다. git submodule add repository주소 ex) git submodule add https://github.com/ordinCode/submodule-c.git 서브모듈 생성전 서브모듈생성후 저는 2개의 서브모듈을 생성해보았습니다. 위와 같이 각각의 디렉토리가 생성되고 ... 001프로젝트 / 설치가능한 웹 어플리케이션, PWA 001 Project? 001 Project란 어려운 과제가 있을 때 그의 기초 단계인 0.0.1v을 만들어 보는 개념입니다. 해당 포스팅은 PWA이라는 기술을 경험해보는 정도의 수준입니다. 모든 코드는 github에서 확인하실 수 있습니다. 설치 가능한 웹, PWA PWA? PWA(Progressive Web Apps)는 2016년 구글 I/O에서 소개된 Web App을 만드는 접근방식 중 하나입니다. 구글에서는 PWA를 아래와 같이 소개합니다. PWA는 최고의 웹과 최고의 앱을 결합한 경험이다. 브라우저를 통해 처음 방문한 사용자에게 유용하며, 설치가 필요하지 않다. 사용자가 PWA와 관계를 점진적으로 형성할수록 성능이 더욱 강력해질 것이다. 느린 네트워크에서도 빠르게 로드되고, 관련된 푸시 알림을 .. 이전 1 다음
