반응형 전체 글47 Vue.js 강좌 2. 템플릿 문법 Vue 템플릿이란 화면에 어떻게 렌더링될 것인지를 정의한 코드이다. Vue 템플릿은 HTML과 문법적으로 똑같다. 따라서 HTML 파서가 Vue 템플릿을 파싱할 수 있다. 하지만 Vue에서만 인식할 수 있는 몇가지 템플릿 문법이 있다. 이것을 간단히 알기쉽게 정리해본다. 문자열 보간 (Text Interpolation) Name: {{ name }} HTML 문자열에 vue 인스턴스의 데이터를 바인딩하는 방법이다. {{ 와 }} 사이에는 인스턴스의 name 이라는 속성의 값으로 대체된다. 가장 기본적인 데이터 바인딩 방식이다. 예제코드 Name: {{ name }} Raw HTML {{ 와 }} 를 사용한 텍스트 보간법은 데이터를 일반 텍스트로 취급하여 실제 HTML 문자열은 넣을수가 없다. 이를 위해서.. 2023. 5. 6. 지구 좌표계의 종류 및 원리 지도관련 서비스를 개발하려면 지구 좌표계에 대해서 어느정도는 알아야 한다. 좌표계를 변환해야되는 상황이 있을수가 있기 때문이다. 좌표계는 크게 3차원의 지리좌표계와 2차원의 투영좌표계로 나눌 수 있다. 이러한 좌표계의 종류와 원리를 간단히 알아보고 정리하였다. 1. 지리좌표계 (Geographic Coordinate System) 지리좌표계는 지구를 3차원 타원체로 보고 지구상에서의 위치를 나타내는 좌표계이다. 지구를 타원체로 간주하고 지구 표면의 한점을 위도와 경도로 나타내며 단위는 도(degree) 이다. 위도 (latitude) : 주어진 지구 표면 지점의 수직선이 적도면과 이루는 각. 경도 (longitude) : 주어진 지구 표면 지점을 지나 남극부터 북극까지 그은 경선과 본초자오선이 이루는 각.. 2023. 5. 2. InfluxDB 종류 및 가격 시계열 데이터(time series data)를 저장하는데 특화된 DB들이 많이 존재한다. 그중에서 InfluxDB를 선택한다면 알아야 될 InfluxDB 의 종류와 가격 정책에 대해 정리하여 본다. InfluxDB 종류에 따른 차이점을 알아보고 서비스에 사용할 적절한 타입을 선택하도록 하자. InfluxDB 란? InfluxData에서 Go언어로 개발한 오픈소스 시계열 데이터베이스 (time series database) 이다. 많은 양의 시계열 데이터를 빠르게 저장하고 실시간으로 분석하기 하기 위해 개발되었다. 시계열 데이터를 매우 간편하고 빠르게 시간을 기준으로 쿼리할 수 있으며 Python, Node.js, PHP, Java, Go, R, Ruby, Kotlin, C# 등 다양한 환경의 클라이언트.. 2023. 4. 28. Nuxt SSR 상황에서 axios 요청에 쿠키 넘기기 Nuxt를 사용하다보면 서버사이드에서 axio를 요청하면 쿠키를 전달 할 수 없다는 걸 알게 된다. 브라우저에서 받은 쿠키를 프론트서버에서 API서버로도 전달해야 하는데, 이것을 어떻게 쉽게 해결하는지와 서버사이드와 클라이언트사이드의 코드가 같아질 수 있는 방법을 설명한다.Nuxt universal modeNuxt를 universal 모드로 사용하면 SSR(서버사이드렌더링)을 사용하게 된다. SSR페이지 최초 접근시에 다음과 같은 단계들은 서버사이드에서 실행된다.nuxtServerInitasyncDatafetchmiddleware그리고 최초 로딩이 끝나고 이후에 페이지 전환을 할때는 클라이언트 사이드에서 실행된다. 그래서 여기에서 axios를 이용하여 서버로부터 데이터를 받아오는 코드가 있다면, 서버사이.. 2023. 4. 27. 이전 1 2 3 4 5 6 7 8 ··· 12 다음 반응형
