안녕하세요!해결하셨다니 다행입니다. Nuxt 4에서는 파일 기반 라우팅의 기본 위치가 app/pages/로 바뀌었습니다.app.vue는 전역 레이아웃(프레임) 역할이라 <NuxtPage />로 “페이지를 끼워 넣을 자리”만 제공하고, 실제 라우트(/)를 만들려면 app/pages/index.vue 파일이 있어야 합니다. 직접 app/pages/index.vue를 생성해 해결하신 방법이 맞습니다!참고용 예시는 아래와 같습니다.app/app.vue 파일<template><NuxtLayout><NuxtPage /></NuxtLayout></template>app/pages/index.vue 파일<template><div>Index Page</div></template>추가적으로 설명을 드리자면,pages/(루트)도 호환되긴 하지만, Nuxt 4에서는 app/pages/ 사용을 권장합니다.구조를 바꾼 뒤에는 개발 서버를 한번 재시작하세요. (.nuxt 캐시가 남아 있으면 라우트 반영이 늦을 수 있어요.)정리를 하면, app.vue = 틀(레이아웃), app/pages/** = 실제 페이지잘 해결하셨습니다! 필요한 경우 다른 페이지도 app/pages/about.vue처럼 추가해 보세요.

3강에서  app.vue 를 수정해도 Index Page가 나오지않아요.

안녕하세요! 수강해 주셔서 감사합니다 🙏강의는 Windows 환경에서 제작했지만, macOS에서도 Node.js와 Nuxt 3, 코드 편집기(Visual Studio)가 설치되어 있다면 동일하게 진행하실 수 있습니다. Nuxt 3는 크로스플랫폼이라 핵심 내용은 OS에 영향을 받지 않아요.참고(맥과 윈도우의 자잘한 차이)터미널 명령어만 조금 다릅니다(PowerShell ↔︎ Terminal/zsh).진행 중에 막히는 부분이 생기면 질문 남겨 주세요. 최선을 다해 빠르게 도와드리겠습니다!

맥(MAC) 환경에서도 강의 모든 내용을 따라하는데 문제가 없을까요?

안녕하세요! 😊질문 주신 내용을 확인했습니다. 문제 해결을 위해 도움을 드리겠습니다. 이미지를 보니 Nuxt.js 애플리케이션에서 500 오류가 발생하고 있습니다. 오류 메시지는 "Cannot read properties of null (reading 'name')"이고, currentWeather 관련 문제인 것 같습니다. 현재코드에서 currentWeather props 가 null일때 접근하려고 해서 오류가 발생된것 같습니다. 아래 코드를 추가 해보시기 바랍니다. //defineProps에서 기본값과 타입 검증 추가const props = defineProps({ currentWeather: { type: Object, default: () => ({ name: '', }) }}) 추가후 않되시면 다시 질의 해 주시기 바랍니다. 템플릿에서 옵셔널 체이닝이나 조건부 렌더링으로 수정해 드리도록 하겠습니다.

30강 진행이 안됩니다.

좋은 질문을 해주셔서 감사합니다. Vue에서 v-for와 구조분해를 사용할 때 자주 발생되는 중요한 오류입니다. 먼저 첫 번째 이미지를 보면 소괄호 부분에 중괄호를 사용하였습니다. 이 코드는 문법 오류를 발생 시킵니다. 왜냐하면 v-for문 안에서 구조분해을 사용할때는 소괄호를 사용합니다. 따라서 중괄호{} 를 소괄호 () 으로 변경하여 수정하여 저장후 다시 해 보시기 바랍니다. 궁금한 점이 있으시면 언제든지 질문해 주세요 도와드리도록 하겠습니다. 모든 오류는 성장의 발판이 됩니다. 감사합니다.

27강에서 진행이 안됩니다.

안녕하세요! 질문 주셔서 감사합니다"Using default Tailwind CSS file로그가 없습니다." 메시지는 보통 Tailwind CSS가 제대로 설정되지 않았거나, Nuxt 프로젝트에서 전역 CSS가 누락된 경우 발생할 수 있습니다. 아래 항목들을 차례대로 확인해보세요!<ol><li>assets/css/main.css @tailwind base; @tailwind components; @tailwind utilities;</li><li>nuxt.config.ts export default defineNuxtConfig({modules: ['@nuxtjs/tailwindcss'], css: ['@/assets/css/main.css'],}) 위의 내용을 확인및 수정후 vscode를 다시 실행하신후 한 번 해보시기 바랍니다. 그래도 않될경우 nuxt.config.ts와 main.css 를 캡쳐해서 올려주시면 더 자세히 도와 드리도록 하겠습니다.</li></ol>

6강에서 css가 안되서 진행이 안됩니다!!!

좋은 질문입니다! GCP(Ground Control Point)는 맵핑의 정확도를 높이기 위해 현장에서 측량을 통해 직접 좌표를 취득하는 과정이라고 생각하시면 됩니다.즉, 드론 촬영 전에 촬영 지역 내에 기준점(GCP 포인트)을 설정하고,때로는 드론 촬영 후에 GCP를 취득하는경우도 있습니다. 해당 포인트의 정확한 위경도 좌표를 GPS 측량 장비(예: RTK GNSS) 등을 이용하여 직접 측정합니다.이 과정을 요약하면 다음과 같습니다:<ol><li>측량판 설치<ul><li>드론 촬영 지역 내에 5개 이상 GCP 포인트를 정하고(면적에 따라 차이가 있음), 평평한 곳, 한곳으로 몰리지 않고 눈에 잘 띄는 곳에 측량판(GCP 타겟)을 설치합니다.</li></ul></li><li>좌표 측정<ul><li>각 포인트의 좌표(Lat, Lon, 또는 X, Y, Z)를 정밀 GPS 장비로 측량하여 기록합니다.</li></ul></li><li>GCP 파일 작성<ul><li>측량 결과를 정리하여 .csv 또는 .txt 형식으로 작성합니다. 예시 (CSV 형식):&nbsp;</li><li>ID, X, Y, Z&nbsp;&nbsp;&nbsp;</li><li>GCP01, 323456.78, 187654.32, 85.6&nbsp;&nbsp;&nbsp;</li><li>GCP02, 323460.12, 187659.43, 86.2&nbsp;</li></ul></li><li>GCP 파일을 맵핑 소프트웨어에 입력<ul><li>PIX4D 등과 같은 드론 맵핑 프로그램에서 사진과 함께 이 GCP 파일을 입력하면 자동으로 이미지과 매칭을 합니다. 자동 매칭이 않되면 GCP 위치를 수동으로 사진 위에 찍어주면 정밀한 정사영상이 만들어 지게 되겠습니다.</li></ul>감사합니다. </li></ol>

드론 사진 촬영 후 처리

이메일 보내드렸습니다. &nbsp;감사합니다.

안녕하세요. 파일 메일 요청 드립니다.

예~ 좋은 질문 하셨습니다!GIS(Geographic Information System, 지리정보시스템)에서 공간정보와 위치 정보의 가장 기본은 정확도입니다. 이 정확도를 확보하기 위해 전통적인 측량과 드론 측량을 통해 공간정보 데이터를 수집하게 됩니다.드론 측량은 드론을 이용해 지리정보가 포함된 이미지를 촬영하고, 이를 PIX4D 같은 GIS 프로그램으로 맵핑(Mapping)하는 과정입니다. 이 과정에서 오차가 발생할 수 있는데, 이 오차를 줄이고 정확도를 높이기 위해 GCP(Ground Control Point, 지상기준점)를 사용합니다.우리나라에서는 국토지리정보원에서 측량 기준점과 위성측량 서비스를 제공하고 있으며, 전국에 약 92개(2022년 12월 기준)의 기준점이 설치되어 있습니다. 측량 작업 시에는 가장 가까운 기준점을 기준으로 GPS 측량을 수행하며, 이러한 기준점이나 현장에서 자체 설치한 기준점을 통틀어 GCP라고 합니다.GCP는 크게 두 가지로 구분할 수 있습니다:<ul><li>하나는 검사점(Check Point) 입니다. 전체 구역의 정확도를 검사하는 데 사용되며, 예를 들어 100m 라인상 50m 지점에 검사점이 위치 할 때 나머지 측정값이 49.5m이면 0.5m의 오차가 발생한 것으로 평가하여 보정을 실시하게 됩니다.</li><li>다른 하나는 맵핑용 GCP로, 실제 맵핑 과정에 직접 활용됩니다.</li></ul>하지만 GCP가 너무 많으면 데이터 간 충돌이 생기고, 반대로 너무 적으면 정확도가 떨어질 수 있습니다. 이런 문제를 방지하기 위해 드론 지적측량 규정(별표 4) 에 GCP 표준 배치도가 제시되어 있습니다.아래 그림은 드론지적측량규정 별표 4에 나오는 GCP의 표준 배치도입니다. 보시면 약 500m 간격으로 빨간색 지상기준점이 배치되어 있으며, 검은색 원으로 표시된 검사점 4개가 추가로 배치되어 있습니다. 물론 실제 지형이나 상황에 따라 배치 방법은 조정될 수 있지만, 일반적으로는 GCP를 외곽 경계에 고르게 분포시키고, 한쪽으로 쏠리지 않게 배치하는 것이 원칙입니다.그렇게 수집된 GCP를 CSV파일로 x,y,z 란에 기입하여 파일을 만들게 됩니다.추가로 궁금한 점이 있으면 언제든 편하게 질문 주세요!드론지적측량규정 별표4에 GCP의 표준 배치도가 있습니다.참고: <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.law.go.kr/LSW/admRulLsInfoP.do?admRulSeq=2100000228290#AJAX">https://www.law.go.kr/LSW/admRulLsInfoP.do?admRulSeq=2100000228290#AJAX</a><img src="https://cdn.inflearn.com/public/files/posts/e73b4670-43da-420b-b2fb-79e997c77b83/2f1bf63e-2947-427a-90f3-b8a1f4ee7873.webp" media-type="img" alt="gcp.png.webp" title="gcp.png.webp" width="643" height="733">&nbsp;&nbsp;

gis

Posts