billcorea.com

Question

Q: DxDataGrid에서 선택된 행의 데이터를 배열 형태로 받는 방법

Answer 1

DxDataGrid에서 선택된 행의 데이터를 배열 형태로 가져오려면 getSelectedRowsData() 메서드를 사용합니다.

var selectedData = $("#dxDataGrid").dxDataGrid("instance").getSelectedRowsData();
console.log(selectedData); // 배열 형태로 출력

Answer 2

`ajaxSubmit`을 사용하여 데이터를 JSON으로 변환한 후 서버로 전송할 수 있습니다.

$("#myForm").ajaxSubmit({
    type: "POST",
    url: "/server-endpoint",
    data: { selectedRows: JSON.stringify(selectedData) },
    success: function(response) {
        console.log("서버 응답:", response);
    }
});

Answer 3

**Jackson 라이브러리**를 사용하면 간단하게 변환할 수 있습니다.

ObjectMapper objectMapper = new ObjectMapper();
HashMap<String, Object> map = objectMapper.readValue(json, HashMap.class);

Answer 4

`for` 반복문을 사용하여 데이터를 출력할 수 있습니다.

for (HashMap<String, String> map : list) {
    for (Map.Entry<String, String> entry : map.entrySet()) {
        System.out.println(entry.getKey() + " : " + entry.getValue());
    }
}

Answer 5

`filter()`와 `selectRows()` 메서드를 활용합니다.

var selectedKeys = dataGrid.getVisibleRows()
    .filter(row => jsonList.some(jsonItem => jsonItem.id === row.data.id && jsonItem.name === row.data.name))
    .map(row => row.key);

dataGrid.selectRows(selectedKeys);

Answer 6

`onCellClick` 이벤트에서 체크박스 컬럼을 감지하여 동작을 막습니다.

dataGrid.option("onCellClick", function(e) {
    if (e.column.dataField === "selectionColumn") {
        e.event.stopPropagation(); // 이벤트 전파 방지
    }
});

항목	구현 방식
위치 권한 요청	Accompanist Permissions
위치 정보 획득	FusedLocationProviderClient (Hilt 주입)
지도 표시	Google Maps Compose
기본 위치 fallback	서울 시청 (37.5665, 126.9780)
권한 거부 시 안내	설정 화면으로 유도 (Intent)
상단바 겹침 방지	`statusBarsPadding()` 적용

2026/04/25

📍 Jetpack Compose + ARCore + Google Maps로 위치 기반 AR 구현하기

1️⃣ 프로젝트 구성 및 의존성 추가

2️⃣ ARCore 렌더러 구현 (ArCoreRenderer)

3️⃣ AR SurfaceView를 Compose에 포함시키기

4️⃣ 지도와 AR 통합 Compose 화면 만들기

5️⃣ MainActivity 설정

✅ 마무리

DevExpress dxDataGrid 활용 및 JSON 데이터 처리

외국인을 위한 한국 여행 가이드 앱 개발 일지 - 위치 권한과 구글맵 화면 구현 (Jetpack Compose + Hilt)

✅ 오늘 구현한 핵심 기능

📦 Hilt로 FusedLocationProviderClient 주입

🧭 ViewModel에서 현재 위치 가져오기

🗺️ MapScreen Composable

👮 권한 거절 대응 UI

📌 상단바가 StatusBar와 겹칠 때 해결법

📘 다음 목표

2026/04/24

🌍 외국인을 위한 다국어 환영 앱 첫 화면, Jetpack Compose로 구현하기

✅ 프로젝트 개요

🖼 구현된 주요 화면

1. 환영 애니메이션 화면

2. 다음 버튼

🌐 다국어 및 로컬 설정

예시 - 태국어 strings.xml

🇹🇭 태국어 추가 시 작업 내용

🔚 다음 작업 예고

🧩 마무리하며