반응형 분류 전체보기47 Nuxt + Express 백엔드 API 서버 통합 Nuxt 프로젝트와 Express Backend API 서버 통합 Nuxt를 이용하여 프로젝트를 개발하다보면 한번씩 고민을 하게 될 것이다. 프론트엔드 서버 🤝 API 서버 이 2개를 각각의 프로젝트로 만들건지 하나로 통합할 것인지.. 큰프로젝트라면 2개를 나누어서 별도의 서버로 운영할 것이다. 하지만 작은 프로젝트라면 그냥 하나로 통합해서 개발하고 하나의 서버로 배포하고 싶을 것이다. Nuxt + Express API 통합 어떻게 통합을 할 수 있을까? Nuxt 프로젝트에 Express 서버가 들어가면 된다. 방법은 아주 간단하다. 바로 serverMiddleware !! 👉 serverMiddleware Nuxt에는 serverMiddleware 라는 것이 존재한다. 문자 그대로 server side.. 2023. 3. 16. InfluxDB 쿼리 개선 InfluxDB Time Series 데이터의 저장 및 검색에 최적화 되어있는 데이터베이스이다. 많은 수의 거래건과 관련된 데이터를 저장하여 시간 기준으로 분석하기 위해 사용하였다. InfluxDB JOIN 쿼리 InfluxDB에 거래건에 대한 데이터를 저장하고 정해진 시간동안의 거래량과 가격차이에 대한 데이터를 가져오는 쿼리를 작성하였다. 아래와 같은 JOIN이 필요하다. A JOIN B ==> X C JOIN D ==> Y X JOIN Y ==> 최종 결과 1. 느린 쿼리 처음에는 아래와 같이 쿼리를 만들었다. import "join" import "date" // 240분전부터 현재까지의 데이터 범위를 지정 // 문제가 되었던 부분: dataset 변수 dataset = from(bucket:"ma.. 2023. 3. 13. Vue Progressive Framework 프로그레시브 프레임워크 (Progressive Framework) Vue는 프로그레시브 프레임워크 라고 한다. 한글로 풀이하면 점진적인 프레임워크이다. 점진적 조금씩 앞으로 나아가는 것. 🤔 그럼 Vue는 무엇을 조금씩 앞으로 나아간다는 것인가?? Vue는 프레임워크이니만큼 프론트엔드 개발에 필요한 많은 기능을 담고 있다. 렌더링, 컴포넌트, 라우팅, 상태관리, 서버사이드 렌더링 등 다양한 기능이 있지만, 우리가 개발하려는 프로젝트에서 이것들을 모두 다 사용할 필요는 없을 수 있다. 아주 간단한 프로젝트를 위해 Vue의 최소기능만 가져다가 사용할 수 있으며, 프로젝트가 조금씩 확장해가면서 Vue의 기능들을 하나씩 적용시켜 나갈 수 있다. 👉 즉, 처음에는 Vue의 최소한의 기능만으로 개발을 시작하고 점진.. 2023. 3. 11. Vue 시작하기전 알아야할 핵심 특징 - 컴포넌트, 선언적렌더링, 반응성 Vue는 UI를 만들기 위한 자바스크립트 프레임워크이다. Vue를 사용하면 웹사이트 UI를 너무나 편하게 만들 수 있다. Vue를 시작하려면 기본 개념을 먼저 알아야 한다. Vue의 가장 기초가 되는 개념은 바로 컴포넌트, 선언적 렌더링, 반응성이다. 컴포넌트 (Component) 가장 중요한 특징이라면 컴포넌트 기반의 프로그래밍 모델 방식을 제공한다. 이것은 React와 같은 현대의 대부분의 프론트엔드 개발 라이브러리나 프레임워크가 추구하는 방식이다. 컴포넌트는 그림과 같이 모든 UI를 재사용 가능하도록 하나하나 쪼개서 캡슐화하는 것이다. 이렇게 쪼개진 하나하나가 컴포넌트이다. 이 컴포넌트를 어디서든 가져다가 붙이기만 하면 재사용이 너무 쉽고, 코드도 훨씬 간결해질 수 있다. 🚨 Vue에서는 이렇게 컴.. 2023. 3. 10. 이전 1 ··· 8 9 10 11 12 다음 반응형
