성야넷™

개발자 dexter.hdj 은 안드로이드 앱 이용자의 개인정보를 매우 중요하게 생각하며 각별히 주의를 기울여 처리하고 있습니다. 
앱 내에서 사용되는 정보들과, 사용자의 기기에 저장되는 데이터들은 앱 내에서 사용될 뿐 개발자가 따로 수집하거나 관리, 저장, 확인하지 않습니다.
 
1. 개인정보의 처리 목적
- 개인정보를 수집하지 않습니다.
 
2. 개인정보의 처리 및 보유 기간
- 개발자가 데이터를 수집하거나 저장하지 않습니다.
- 광고 및 광고분석 서비스에서(이하 Google) 수집하는 광고ID에 관한 자세한 사항은 해당 서비스의 개인정보처리방침(https://policies.google.com/privacy?hl=ko)을참고해 주시길 바랍니다.
 
3. 개인정보처리의 위탁에 관한 사항 개발자가 광고ID를 직접 수집하지 않고, 담당하지않기 때문에 수집될 광고ID를 처리는 광고서비스가 담당합니다. 
- 광고ID 수집 위탁받는 자 : 구글(Google) 
- 위탁하는 업무의 내용 : 광고 및 광고 분석 서비스 
- Google 개인정보처리방침 (https://policies.google.com/privacy?hl=ko)
- Google 광고 개인정보 보호 및 약관 (https://policies.google.com/technologies/ads?hl=ko)
+ Android 설정 메뉴에서 광고 ID 설정을 사용하여 사용자가 광고 ID를 재설정하거나 삭제할 수 있습니다. 
※ Google은 사용자의 개인정보를 절대 판매하지 않습니다
 
4. 정보주체와 법정대리인의 권리․의무 및 그 행사방법에 관한 사항 
- 개인정보의 정정 및 삭제 요구는 다른 법령에서 그 개인정보가 수집 대상으로 명시되어 있는 경우에는 그 삭제를 요구할 수 없습니다.  

5. 처리하는 개인정보의 항목 
- 개인정보를 수집하지 않습니다.
 
6. 개인정보의 파기에 관한 사항 
- 개발자가 데이터를 수집하거나 저장하지 않습니다. 
광고 및 광고분석 서비스에서(이하 Google) 수집하는 광고ID에 관한 자세한 사항은 해당 서비스의 개인정보처리방침(https://policies.google.com/privacy?hl=ko)을참고해 주시길 바랍니다.
 
7. 개인정보 보호책임자에 관한 사항 
- 개발자 : dexter.hdj 
- 이름 : 황동준 
- 이메일 : hehdwns@gmail.com 

8. 개인정보 처리방침의 변경에 관한 사항 
- 낭만강호 헬퍼는 서비스의 변경사항이나 정책을 반영하기 위해 개인정보취급방침을 변경할 수 있습니다.
 
9. 개인정보의 안전성 확보조치에 관한 사항 
- 개발자가 데이터를 수집하거나 저장하지 않습니다. 
광고ID 수집 관련 개인정보 처리방침 : Google 개인정보처리방침(https://policies.google.com/privacy?hl=ko)
 
10. 개인정보 자동 수집 장치의 설치∙운영 및 그 거부에 관한 사항 
- 모바일 애플리케이션과 같이 쿠키 기술을 사용할 수 없는 서비스에 광고를 게재하기 위해 Google은 쿠키와 유사한 기능을 수행하는 기술(모바일 인앱 광고 ID)을 사용할 수도 있습니다. 
- 모바일 인앱 광고 ID를 사용하면 개발자와 마케팅 담당자가 광고 목적에 따라 활동을 추적할 수 있습니다. 
- 또한 모바일 광고 ID는 게재 및 타겟팅 기능을 개선하는 데에도 사용됩니다. 
- 이는 기기의 설정(‘Google 설정앱->Google->광고’ 또는 ‘설정->계정->Google->광고’) 을 변경함으로 사용을 거부할 수 있습니다. 자세히 (https://policies.google.com/technologies/ads?hl=ko)
 
변경일자 : 2025.02.19 
개인정보 처리방침 변경사항은 즉시 적용됩니다.

개발자 dexter.hdj 은 안드로이드 앱 이용자의 개인정보를 매우 중요하게 생각하며 각별히 주의를 기울여 처리하고 있습니다.
앱 내에서 사용되는 정보들과, 사용자의 기기에 저장되는 데이터들은 앱 내에서 사용될 뿐 개발자가 따로 수집하거나 관리, 저장, 확인하지 않습니다.

1. 개인정보의 처리 목적
- 타이머 시간 기록을 위한 설정값 저장 (필수적) 기능 (사용자님의 기기에 데이터가 저장됩니다)
각각 타이머의 별칭과 시간 정보를 사용자님의 기기에 저장해놓았다가, 앱에서 불러들여 적용합니다.

2. 개인정보의 처리 및 보유 기간

개발자가 데이터를 수집하거나 저장하지 않습니다.

광고 및 광고분석 서비스에서(이하 Google) 수집하는 광고ID에 관한 자세한 사항은 해당 서비스의 개인정보처리방침(https://policies.google.com/privacy?hl=ko)을 참고해 주시길 바랍니다.

3. 개인정보처리의 위탁에 관한 사항
개발자가 광고ID를 직접 수집하지 않고, 담당하지않기 때문에 수집될 광고ID를 처리는 광고서비스가 담당합니다.
- 광고ID 수집
위탁받는 자 : 구글(Google)
위탁하는 업무의 내용 : 광고 및 광고 분석 서비스
Google 개인정보처리방침 (https://policies.google.com/privacy?hl=ko)

Google 광고 개인정보 보호 및 약관 (https://policies.google.com/technologies/ads?hl=ko)

+ Android 설정 메뉴에서 광고 ID 설정을 사용하여 사용자가 광고 ID를 재설정하거나 삭제할 수 있습니다.
※ Google은 사용자의 개인정보를 절대 판매하지 않습니다

4. 정보주체와 법정대리인의 권리․의무 및 그 행사방법에 관한 사항
- 개인정보의 정정 및 삭제 요구는 다른 법령에서 그 개인정보가 수집 대상으로 명시되어 있는 경우에는 그 삭제를 요구할 수 없습니다. 

5. 처리하는 개인정보의 항목
- 타이머 기능 설정값(사용자님의 기기에 데이터가 저장됩니다. 마찬가지로 개발자가 사용자 데이터에 절대 관여하지 않습니다.)

6. 개인정보의 파기에 관한 사항
개발자가 데이터를 수집하거나 저장하지 않습니다.
광고 및 광고분석 서비스에서(이하 Google) 수집하는 광고ID에 관한 자세한 사항은 해당 서비스의 개인정보처리방침(https://policies.google.com/privacy?hl=ko)을 참고해 주시길 바랍니다.

7. 개인정보 보호책임자에 관한 사항
개발자 : dexter.hdj
이름 : 황동준
이메일 : hehdwns@gmail.com

8. 개인정보 처리방침의 변경에 관한 사항
런인터벌은 서비스의 변경사항이나 정책을 반영하기 위해 개인정보취급방침을 변경할 수 있습니다.

9. 개인정보의 안전성 확보조치에 관한 사항
개발자가 데이터를 수집하거나 저장하지 않습니다.
광고ID 수집 관련 개인정보 처리방침 : Google 개인정보처리방침(https://policies.google.com/privacy?hl=ko)

10. 개인정보 자동 수집 장치의 설치∙운영 및 그 거부에 관한 사항
모바일 애플리케이션과 같이 쿠키 기술을 사용할 수 없는 서비스에 광고를 게재하기 위해 Google은 쿠키와 유사한 기능을 수행하는 기술(모바일 인앱 광고 ID)을 사용할 수도 있습니다. 모바일 인앱 광고 ID를 사용하면 개발자와 마케팅 담당자가 광고 목적에 따라 활동을 추적할 수 있습니다.
또한 모바일 광고 ID는 게재 및 타겟팅 기능을 개선하는 데에도 사용됩니다.
이는 기기의 설정(‘Google 설정앱->Google->광고’ 또는 ‘설정->계정->Google->광고’) 을 변경함으로 사용을 거부할 수 있습니다.
자세히 (https://policies.google.com/technologies/ads?hl=ko)

변경일자 : 2023.09.14

개인정보 처리방침 변경사항은 즉시 적용됩니다.

안녕하세요.

오늘은 필자가 중고로 구매한 국내향 LET (skt) 버전 워치5를 셀프 개통한 것에 대해 써보고자 합니다.

1. 개통

우선 필자는 SKT 휴대폰을 사용하고 있고 요금제는 5GX프라임 요금제를 사용하고 있습니다.

해당 요금제의 경우 워치 1대를 무료로 사용 할 수 있는 부가서비스가 있는데요. 이를 통해 월 1만2100원에 해당하는 워치 요금제(LTE Watch)를 무료로 쓸 수 있는 유용한 서비스 입니다.

모 회선(스마트폰)에 자 회선(워치) 를 붙이는 것이기 때문에 가장 먼저 워치를 개통하는 과정이 필요로 합니다.

워치를 개통하기 위해 티월드에 접속합니다.

티월드 로그인을 진행 하신 후, T다이렉트샵 을 눌러 해당 페이지로 이동하도록 합니다.

그리고 T다이렉트샵에서 [USIM/중고폰 > 등록 및 요금제 가입하기] 메뉴로 이동합니다.

가입하기 버튼을 누르면 다음과 같이 자급제/쓰던 폰 등록 서비스로 이동합니다.

아래와 똑같은 페이지가 보이신다면, 이제 셀프로 개통할 준비가 된 것입니다.

제조사는 [삼성전자] 를 선택하시고요, 통신유형은 [기타-태블릿] 을 선택합니다.

IMEI 번호와 WI-FI MAC address 의 경우에는 워치가 연결 된 스마트폰에서 확인하시면 됩니다.

[Galaxy Wearable] 앱을 실행하셔서 연결 된 워치의 [워치 설정 > 워치 정보 > 상태 정보] 메뉴에 들어가시면 원하시는 정보가 모두 표시되어 있습니다.

필요한 정보를 모두 기입하시고 개통 신청을 하시면 다시 한 번 정보가 맞는지 물어보는 창이 나옵니다.

셀프 개통 정보를 모두 입력하셨으면, 이제 워치에서 사용 할 요금제를 선택하는 창으로 이동합니다.

필자는 처음으로 워치를 등록하는 것이기 때문에 [신규가입] 으로 진행하였습니다.

이전다음

01

필자의 경우 LTE Watch(공유) 요금제를 선택했습니다.

단독/공유의 차이는 모회선의 전화 및 데이터를 워치에서 사용 할 수 없느냐/있느냐 로 나뉩니다.

필자의 모회선 요금제의 경우 무제한 데이터이면서 공유데이터를 30GB 제공하는데, 이 30GB 를 워치가 이용 할 수 있게 됩니다.

요금제를 선택하시면 회선인증을 진행하게 됩니다.

워치 정보와 요금제까지 선정하신 후 [주문서 작성] 을 클릭하시면 이제 가입자 정보 입력 창으로 넘어가게 됩니다.

주문서 작성 페이지를 보시고 본인의 정보를 통해 인증 진행하시면 됩니다.

이전다음

012

유심의 경우 eSim 을 사용하기 때문에 유심비용을 납부하셔야 합니다.

신규 USIM 구매 를 선택하시면 7700원이라 적혀 있지만 실제 비용은 2750원 (eSim 다운로드 비용) 이 청구 됩니다.

해당 금액은 다음 달 모회선 통신비에 청구됩니다.

모든 인증을 완료 후 제출하시면 부가상품 가입 페이지로 이동합니다.

하지만 워치 요금제는 따로 부가상품이 없기 때문에 하단의 [다음으로] 버튼을 클릭하시면 됩니다.

이제 슬슬 마지막 입니다.

모든 정보를 기입하셨으면 약관에 동의하셔야 합니다.

드디어 마지막 입니다.

제출 완료하시면 주문 완료 페이지로 이동합니다.

여기까지 오셨다면 절반은 끝났다고 보시면 됩니다... 만, 가장 중요한 부분이 남았습니다.

주문서 작성을 완료하시면 빠르면 당일, 보통 다음날 [SK텔레콤 T다이렉트샵고객센터] 1599-0111 번호로 전화를 받게 됩니다.

전화를 받으시면 상담원께서 주문서에 작성하신 정보를 토대로 본인확인을 하시고 난 후, EID 값을 불러달라고 하게 됩니다.

아까 상태정보에서 맨위에 있는 EID 값 (아니면 제품 박스에도 적혀 있습니다.) 을 불러주시면 되는데 32자리로 매우 긴 숫자인지라 4자리씩 끊어서 불러주시면 됩니다.

여기까지가 정말 개통의 끝입니다.

정보가 정확하다면 1 ~ 3시간 안에 개통 완료문자를 받게 됩니다.

2. 요금제 연동 (모-자 회선 등록)

본인이 사용하시는 요금제가 무료 서비스가 없다면 위에서 끝입니다.

매달 워치 요금제를 지불하시는 것으로 워치의 모든 기능을 사용하실 수 있습니다.

다만, 필자의 경우 처음 서론에 적었다시피 모회선 요금제에 워치 1회선 무료 서비스가 있으므로 해당 서비스 등록을 진행하도록 하겠습니다.

우선 티월드 홈페이지에 로그인 해 주세요.

아직 해당 서비스에 가입되어 있지 않기 때문에 가입 버튼이 활성화 되어 있습니다.

이제 워치 정보를 기입해야 합니다.

워치 개통을 완료하셨다면 워치 용의 별도 번호를 부여 받으셨을 겁니다.

해당 번호를 입력해 주세요.

다음 버튼을 누르면 해당 상품이 맞는지 다시 확인하는 페이지가 나옵니다.

신청을 누르시면 부가서비스 가입이 완료되게 됩니다.

여기까지 하셔야 워치 통신비 1만 2천원 가량을 납부하지 않고 무료로 사용하게 됩니다.

1. 개요

흔히 발생하는 증상은 아니나 기존에 쓰고 있던 PC의 하드디스크를 때어서 신규 PC에 장착 후 메인으로 사용하는 경우, 브라우저를 통해 일부 페이지 접속 시 인증서가 일치하지 않는다는 오류가 발생하는 경우가 있습니다.

해당 오류에 대해 처리하는 방법 입니다.

2. 조치

1) 관리자 권한으로 cmd 창 열기 (Window키 + R 입력하여 실행창 표시되면 cmd 입력 후 Ctrl + shift + 엔터 하면 관리자 권한으로 실행 됩니다.)

2) certutil.exe -generateSSTFromWU 파일저장 될 경로

    예시) certutil.exe -generateSSTFromWU c:\temp\roots.sst 

3) Window키 + R 입력하여 실행창에서 certmgr.msc 입력 후 엔터

4) 신뢰할 수 있는 루트 인증 기관 > 인증서 > 우 클릭 > 모든 작업 > 가져오기

5) roots.sst 선택 > 다음 > [인증서 종류를 기준으로 인증서 저장소를 자동으로 선택] > 다음 > 마침

6) 인증서 알람 (엄청 많이 뜸) 뜨면 shift + Y 계속 누르고 있어서 모두 갱신하기

1. 개요

전자정부프레임워크 Web Project 생성 시 예제 소스를 포함하여 생성하는 경우, default package 명으로 egovframework.example 라고 생성이 됩니다.

본 가이드에서는 샘플에 명명 된 패키지 명을 변경하는 방법에 대해 설명하고자 합니다.

2. 프로젝트 생성

우선 테스트를 위해 프로젝트를 하나 생성하도록 하겠습니다.

(본 가이드는 전자정부프레임워크 4.0 버전을 기반으로 설명하고 있습니다.)

위와 같이 프로젝트를 생성하는 경우, 아래 이미지와 같이 예제 소스가 포함 된 프로젝트가 생성됩니다.

패키지 명을 일괄로 변경하기 위해서는 가독성이 좋게 변경하는 것이 좋습니다.

우측 상단의 점3개로 이루어진 버튼을 클릭하고 Pacage Presentation > Hierachical 버튼을 클릭하시면 패키지 tree가 다음과 같이 정렬 됩니다.

이렇게 정렬이 변경되었다면, 우선 변경하기 원하시는 패키지 명으로 변경을 진행 합니다.

패키지 명 변경은 윈도우 폴더 변경 하듯이 패키지 명 클릭 후 F2 키를 누르시거나 아래 이미지의 메뉴를 참고하셔서 변경 창으로 진입합니다.

처음 변경 창이 열리면 원래 패키지 명으로 입력 필드가 채워져 있습니다.

해당 부분을 변경하길 원하는 이름으로 입력하시고 OK 버튼을 누릅니다.

잠시 기다리시면 패키지 명이 변경이 되면서 아래와 같이 몇몇 파일에 에러가 표시 됩니다.

모두 기존 패키지 명으로 등록 된 파일들로 해당 파일들의 기존 패키지 명을 변경 된 패키지 명으로 바꿔 주셔야 합니다.

어떤 파일들을 변경해야 하는지 확인을 위해 검색 기능을 사용하도록 합니다.

Ctrl + H 키를 누르시면 검색 창이 나타납니다.

검색창의 여러 탭 중에서 File Search 를 사용하여 기존 패키지 명을 검색 하도록 합니다.

검색이 완료 되는 경우 하단 Search 탭에 검색 결과가 표시 됩니다.

이와 같이 탐색 된 부분을 모두 바꿔 주셔야 합니다.

저는 egovframework.dexter 로 바꾸었기 때문에 해당 파일들을 모두 바꾸도록 합니다.

(검색 결과 창에서 탐색 된 부분을 마우스로 왼쪽 더블클릭 하시면 해당 부분으로 자동으로 이동합니다.)

모든 파일에 대해 변경을 완료 하신 후, 다시 한 번 검색 창을 통해 기존 패키지 명이 남아 있는지 확인해 보도록 합니다.

이렇게 하면 패키지 명 변경이 완료 됩니다 만... 한 가지 주의 하실 점이 있습니다.

필자의 경우 기존 패키지 명의 앞 부분인 egovframework 라는 부분을 살려 둔 상태로 패키지 명을 변경하였기 때문에 검색 창에서 확인 된 부분만 변경하면 되지만, 패키지 명 전체를 변경하시는 경우 추가 작업 하실 부분이 있습니다.

예를 들어 패키지 명을 다시 변경해 보겠습니다.

(egovframework.dexter 에서 dexter.webkit 으로 변경하였습니다.)

패키지 명이 변경 되었기 때문에 위의 과정을 다시 한 번 진행 합니다.

위 과정이 완료 되었으면, 이제 2개의 파일을 열도록 합니다.

열어야 할 파일명은 다음과 같습니다.

src/main/resources/egovframework/spring/context-common.xml

src/main/webapp/WEB-INF/config/egovframework/springmvc/dispatcher-servlet.xml

두 파일을 열어 보시면 상단 부분에 다음과 같이 되어 있습니다.

붉은 박스로 표시 된 부분을 바꾸어 주셔야 합니다.

최종 변경 된 패키지 명이 dexter.webkit 이므로 바꿀 값은 egovframework -> dexter 입니다.

(즉, dot 으로 구분 된 패키지 명에서 제일 앞선 패키지 명을 기입해 주시면 됩니다.)

마지막 2개 작업을 해 주지 않으실 경우, build 에서 문제가 발생하지는 않지만 막상 웹을 실행 시 Controller 를 찾을 수 없어 페이지가 표시되지 않는 문제가 발생하게 됩니다.

이는 전자정부프레임워크로 개발 시 어노테이션 (annotation) 으로 @Controller 를 사용하게 되는데 이 부분을 제대로 찾을 수 있게 설정해 주는 부분이 바로 저 2개 파일이기 때문입니다.

1. 개요

지난 블로그에 이어 ionic 프레임워크 소스를 실제 기기에 빌드하는 법에 대해 알아보도록 하겠습니다.

실 기기에 빌드하여 올리는 것이기 때문에 안드로이드의 경우 Android Studio, ios의 경우 Xcode 가 설치 완료되어 있다는 것을 전제로 합니다.

이전 포스트는 아래 링크를 참조 하여 주세요.

2022.01.27 - [프로그래밍/ionic framework] - ionic framework, 설치 및 프로젝트 생성

2. 모바일 프로젝트 생성

모든 명령어는 cmd 에서 프로젝트 폴더로 이동 후 사용하는 것을 기본으로 합니다.
(필자의 경우 d:/ionic/myApp 폴더까지 이동 후 실행합니다.)

ionic cap add android
ionic cap add ios

명령어는 보시는 대로 직관적입니다.

위 명령어는 안드로이드 기반 모바일 소스를 생성하는 명령어 이고, 아래 명령어는 xcode 기반 소스를 생성하는 명령어 입니다.

각 명령어를 실행하시면, 프로젝트 폴더 내부에 해당 os에 맞는 폴더가 생성 됩니다.

물론 소스코드가 생성이 되기만 한 것일 뿐 해당 소스는 그에 맞는 IDE 를 통해 빌드하여야 합니다.
즉, MacOS 기반 PC가 아닌 경우 ios 소스는 생성만 될 뿐 실행 해 볼 수는 없습니다.

폴더 생성이 완료된 경우, 다음 명령어를 실행합니다.

ionic cap sync

위 명령어는 vue.js 로 작성 된 소스코드를 mobile 소스로 build 하여 주는 명령어 입니다.

ionic 으로 작성 된 vue.js 소스는 실제 모바일 기기에 업로드 시 소스코드 단축이 되기 때문에 모바일 IDE 에서 소스코드를 수정 할 수는 없습니다.

따라서 vue.js 소스 변경이 생길 때 마다 항상 위 명령어를 수행 후, 모바일 IDE 에서 build 하여 기기로 업로드 하셔야 합니다.

위 작업이 완료되면 이제 모바일 IDE 를 실행하도록 명령어를 입력 해 줍니다.

ionic cap open android
ionic cap open ios

각 명령어는 Android Studio / Xcode 를 실행해 주는 명령어 입니다.

해당 명령어로 실행 시 IDE 가 실행되며 각 프로젝트 폴더가 자동으로 open 되기 때문에 편리합니다.
(최초 실행 시 프로젝트 링크 및 gradle build 등에 시간이 걸립니다.)

IDE 실행 후 프로젝트 폴더가 자동으로 open 됩니다.

app 폴더를 제외한 나머지 폴더들은 vue.js <--> 모바일 기기 간 cross-platform 을 지원하기 위한 cordova 소스들입니다.

이후부터는 IDE 의 소스코딩 방법 및 빌드 방법에 따르므로 따로 기술하지는 않습니다.

3. 실행

다음 시간에는 모바일 기기의 카메라를 활용하여 QR코드를 스캔하여 인식하는 앱을 만들어 보도록 하겠습니다.

1. 개요

아이오닉 프레임워크(ionic framework) 는 android, ios 에서 동작하는 앱을 생성하게 도와주는 하이브리드 앱 개발 프레임워크 입니다.

Angular, React, Vue 프레임워크를 사용하여 앱 View 를 구성하는 것을 기본으로 스마트폰 디바이스의 API 를 사용하기 위해 ionic 에서 자체 개발한 capacitor 라는 cross-platform 지원 도구로 이루어져 있습니다.

아이오닉 프레임워크에 대해 더 자세히 알고 싶으신 분은 프레임워크 홈페이지(https://ionicframework.com/) 를 참고 하시면 됩니다.

본 블로그는 ionic framework 의 현재(2022.01.27) 가장 최신 버전인 ionic 6 에 기반합니다.

2. 설치

ionic 을 사용하기 위해서는 우선 npm 이 설치되어 있어야 합니다. (하여 본 블로그는 npm 이 설치되어 있는 것을 전제로 작성되었습니다.)

우선, 아이오닉 프로젝트 생성을 위한 도구를 설치합니다.

npm install -g @ionic/cli@latest native-run cordova-res

설치가 다 끝날 때까지 기다리시면 됩니다.

매우 쉽죠?

3. 프로젝트 생성

ionic framework 를 사용하기 위한 기반 설치가 완료 되었으니, 이제 프로젝트를 생성해 보도록 합니다.
윈도우의 경우, cmd 창을 열고 본인이 프로젝트를 생성하기 원하는 폴더로 이동 합니다. (저는 d:\ionic 이라는 폴더 안에 프로젝트를 생성해 보겠습니다.)

프로젝트 생성 명령어는 다음과 같습니다.

ionic start [앱 명칭] [프로젝트 탬플릿] [option]

각 항목 간에는 공백(스페이스)으로 구분되며 프로젝트 탬플릿은 2가지(탬플릿 명령어는 3가지가 있으나 하나는 있으나 마나 하므로..)가 있습니다.

[프로젝트 탬플릿]

• tabs : 탭 기반 레이아웃
• sidemenu : 사이드 메뉴 기반 레이아웃
• blank : 한 페이지의 빈 프로젝트

옵션은 js탬플릿 선택과 native 선택으로 구성되어 있습니다.

[JS 탬플릿 선택]

• --type 값이 없으면 기본 angular.js 로 시작 됨
• --type vue : vue.js 기반
• --type react : react.js 기반

[Native 선택]

• --cordova : cordova Native API (vue 기반에서는 실행 안됨)
• --capacitor : ionic 에서 만든 Native API

위 명령어 구문을 사용하여 프로젝트를 생성 하도록 합니다.

ionic start myApp tabs --type vue --capacitor

제가 사용한 명령어는 myApp 이라는 프로젝트를 탭 기반 레이아웃(tabs)로 하여, View 를 구성하기 위해 vue.js 탬플릿을 사용하며, cross-platform 으로는 capacitor 를 사용한다고 지정하였습니다.

프로젝트 생성에는 제법 오랜 시간이 걸립니다.

자, 드디어 프로젝트 생성이 완료되었습니다.

4. 프로젝트 실행

프로젝트를 기동하기 위해서는 다음의 명령어를 사용합니다.

ionic serve

해당 명령어를 사용하기 위해서는 cmd 창에서 생성 된 프로젝트 폴더 안으로 들어가야 합니다.
필자의 경우 d:\ionic\myApp 폴더로 이동하여 명령어를 실행하도록 합니다.

제대로 기동이 완료 된 경우 위 이미지와 같은 화면을 볼 수 있습니다.

필자는 tabs 기반 레이아웃을 사용하였기 때문에 하단에 Tab Navigation 이 포함 된 프로젝트가 생성되었습니다.

소스코드는 모두 src 폴더 안에 있습니다.

화면을 구성하는 소스들은 src/views 안에 있으며, 탭 기반 레이아웃 이기 때문에 하단 탭 네비게이션을 구성하는 TabPage.vue 파일과 각 탭의 페이지를 담당하는 Tab1Page.vue 등으로 구성되어 있습니다.

5. 스마트폰에서 구동

지금까지의 과정은 ionic 프로젝트를 생성하기만 한 것일 뿐, 실제 이것만 가지고는 스마트폰에 build 할 수 없습니다.

다음 시간에는 해당 프로젝트를 android / ios 용으로 빌드하여 실제 기기에서 실행하는 법을 알아보도록 하겠습니다.

1. 개요

윈도우 OS에서 자체적으로 지원하는 mstsc 원격 데스크톱 접속 프로그램 실행 시 다음과 같은 에러와 함께 접속이 불가능한 경우는 대체로 원격지 PC 문제라기 보다는 접속하는 본인의 PC 문제인 경우가 많습니다.

이 경우 본 블로그에 첨부 된 레지스트리 파일을 실행하여 설정 값을 추가하여 주면 해결 되기도 합니다.

1. 개요

지난 11일 보고 된 Log4j 관련 보안 취약점(뉴스기사 : https://www.boannews.com/media/view.asp?idx=103257&direct=mobile) 관련하여 긴급히 패치가 필요해 졌기에 해당 조치 사항에 대하여 공유 합니다.

2. 전자정부프레임워크 대응

전자정부 홈페이지에 가보면 긴급 공지(https://www.egovframe.go.kr/home/ntt/nttRead.do?menuNo=74&bbsId=6&nttId=1838) 가 올라와 있긴 한데, 해당 내용은 KISA 에서 보고한 내용을 그대로 복&붙 한 거라 실제 프레임워크 설정 변경에 1도 도움이 안 됩니다.

3. 조치

이 글은 전자정부 3.8과 전자정부 3.10을 기준으로 작성되었습니다. (필자 PC에 설치 된 버전이 이것 두 개라..)

[workspace경로\프로젝트 폴더\src\main\resources] 폴더에 보시면 log4j2.xml 파일이 있습니다.

해당 파일을 열어보면 <Appenders> 하위에 <PatternLayout> 이라는 태그가 있을 건데 거기 있는 %m 을 %m{nolookups} 로 변경하도록 합니다.

이는 아파치 제단의 보안 취약점 조치 사항(https://logging.apache.org/log4j/2.x/security.html)에 나오는 내용입니다.

1. 개요

전자정부프레임워크를 사용하여 프로젝트를 개발하기 위해 최초 웹 프로젝트 생성 시 Dynamic Web Module Version 을 설정하는 부분이 있습니다.

제가 처음 JSP 를 접했을 때 default 값인 2.5 로 설정하면 된다고 했지 저게 뭔지 설명해 주는 분들이 없어 해당 값이 무엇인지 그리고 바꿨을 때 발생하는 오류에 대해 알아보도록 하겠습니다.

(본 포스트는 전자정부프레임워크 3.10 버전을 기반으로 하고 있습니다.)

2. 프로젝트 생성

이클립스 실행 후, File - New - eGovFrame Web Project 를 실행하면 다음과 같은 창이 나옵니다.

project name 이나 다른 부분들은 본인의 프로젝트 명에 맞게 기입하시면 되시고, 중요한 부분이 바로 위 이미지에 보이는 Dynamic Web Module version 입니다.

해당 버전의 숫자가 의미하는 바는 다음과 같습니다.

위 표에서 맨 앞에 보이는 Servlet Spec 이 프로젝트 생성 창의 번호와 매핑이 됩니다.

기본 2.5 버전을 사용하게 되면 JSP Spec 은 2.1 이고, 톰캣은 6.0.x 버전을 그리고 자바는 1. 5 버전 이상을 사용해야 함을 알 수 있습니다.

저는 3.1 버전으로 설정하였기 때문에 JSP Spec 은 2.3 이고 톰캣은 8.5.x 버전 자바는 1.7 버전 이상을 사용하도록 하였습니다.

프로젝트 기초 설정이 끝나고 Next 를 누르면 전자정부에서 제공하는 기본 예제 소스를 첨부하는 창이 나옵니다.

프로젝트 초기 생성 시에 Controller, Service, Database 등의 설정이 기본으로 잡히게 되기 때문에 Generate Example 에 체크를 하고 Finish 를 누르면 드디어 예제 샘플 프로젝트가 생성되게 됩니다.

다만, 해당 프로젝트를 빌드해서 실행해 보려고 하면 다음과 같은 에러 때문에 실행이 안됩니다.

우리가 최초 프로젝트 생성 시 3.1 버전으로 생성을 하였으나, 전자정부프레임워크의 버그인지 일부 파일 설정이 default 버전인 2.5로 설정이 되어 있습니다.

해당 부분을 수정하기 위해서는 다음의 파일을 열어 보도록 합니다.

src > main > webapp > WEB-INF 폴더에 보시면 web.xml 파일이 있습니다.

해당 파일을 열어서 내용을 보시면 2.5 버전으로 설정되어 있는 것이 보입니다.

붉은 박스로 표시 된 부분의 숫자를 3.1 로 바꾸도록 합니다.

저는 3.1 로 프로젝트를 생성 했기 때문에 3.1로 바꾸었지만 다른 버전으로 생성 하신 분들은 그에 맞게 숫자를 바꿔 주시면 됩니다.

변경이 완료 되었으면 Alt + F5 단축키를 눌러 Maven Update 를 실행하도록 합니다.

위와 같은 창이 나왔으면 OK 를 누르시면 됩니다.

프로젝트 갱신이 완료되면 위 이미지와 같이 x 표시 된 에러가 없어지는 것을 볼 수 있습니다.

3. 마치며

해당 오류는 예전에 전자정부 쪽에 보고가 된 것으로 알고 있었는데 아직까지 고쳐지지 않고 있군요.

다음 시간에는 예제로 생성한 샘플 프로젝트의 패키지 명을 실제 사용하고자 하는 프로젝트에 맞게 고치는 방법에 대해 알아보도록 하겠습니다.