본 자료는
1. 문제 설명
2. 점검사항 및 해결 방법
3. 이미지 제작 가이드
순서로 진행합니다.
프로그램 동작 중 아래 그림처럼 원인을 알 수 없는 예외(응용 프로그램 오류, ObjectDisposedException, NotSupportedException, NullReferenceException)가 발생할 경우 다음과 같은 경우가 원인일 수 있습니다.
1. 문법적인 오류 또는 논리적인 오류가 있는 경우
2. 프로그램에 사용된 이미지가 이미지 제작 가이드에 맞게 제작되지 않은 경우
본 문서는 위 두 가지 문제 중 "2. 프로그램에 사용된 이미지가 이미지 제작 가이드에 맞게 제작되지 않은 경우"에 발생하는 문제에 대한 해결 방법을 안내하고 있으며, 이때 발생할 수 있는 문제점은 다음과 같습니다.
※ 프로그램 사용 도중 임의의 시점에서 응용 프로그램 오류가 발생할 수 있습니다.
(이 시점은 짧게 1일, 길게는 몇 개월 이후일 수 있습니다.)
※ 프로그램 종료 시 프로세스가 올바르게 종료되지 않을 수 있습니다.
※ 프로젝트에 이미지 적용 시 이미지의 크기가 임의로 변경(축소)되어 보일 수 있습니다.
-
[이미지 제작 가이드를 지키지 않는 경우 발생되는 에러 메시지 형태]
-
[Visual Studio에서 디버깅 시 발생하는 에러 메시지]
-
[IEC-Series 장치에서 출력되는 오류 메시지 형태]
2. 점검사항 및 해결 방법
| CHECK POINT-1 | 문법적인 오류 또는 논리적인 오류가 있는지 확인 |
|---|---|
| 문법적인 오류 또는 논리적인 오류가 없음을 확인 후에도 예외가 발생할 경우 CHECK POINT-2로 넘어가시기 바랍니다. | |
| CHECK POINT-1 |
문법적인 오류 또는 논리적인 오류가 있는지 확인 |
|---|---|
| 문법적인 오류 또는 논리적인 오류가 없음을 확인 후에도 예외가 발생할 경우 CHECK POINT-2로 넘어가시기 바랍니다. | |
| CHECK POINT-2 | 프로그램에 사용된 이미지가 이미지 제작 가이드에 맞게 제작되었는지 확인 |
|---|---|
|
중요 CHECK POINT–2는 프로젝트에 이미지가 사용된 경우 반드시 확인해야 하며,
아래 경로의 자료를 본 문서와 함께 참조하시기 바랍니다.
1. 홈페이지(hnsts.co.kr) → 커뮤니티 → 공지사항 → 110. IEC-Series 이미지 사용 관련 주의사항 2. 홈페이지(hnsts.co.kr) → 자료실 → SmartX Framework 관련 → SmartImageChecker 프로그램 
[SmartImageChecker 프로그램]은 이미지가 [이미지 제작 가이드]에 맞게 제작되었는지 확인할 수 있는 PC 응용 프로그램입니다. 제작된 이미지를 프로젝트에 적용하기 전에 반드시 [SmartImageChecker 프로그램]을 사용해 이미지가 올바르게 제작되었는지 확인하시기 바랍니다. 3. SmartX New Framework 프로그래밍 가이드 (smartx.co.kr → Reference Guide) [Part 2. 사용자 인터페이스(UI) 컴포넌트] > [1. 사용자 인터페이스(UI) 공통사항 및 장점] > [3) 이미지 관련 주의사항] 내용을 참고하시기 바랍니다. |
|
|
|
|
|
| CHECK POINT-2 |
프로그램에 사용된 이미지가 이미지 제작 가이드에 맞게 제작되었는지 확인 |
|---|---|
|
중요 CHECK POINT–2는 프로젝트에 이미지가 사용된 경우 반드시 확인해야 하며,
아래 경로의 자료를 본 문서와 함께 참조하시기 바랍니다.
1. 공지사항 110. IEC-Series 이미지 사용 관련 주의사항 2. SmartImageChecker 프로그램
[SmartImageChecker 프로그램]은 이미지가 [이미지 제작 가이드]에 맞게 제작되었는지 확인할 수 있는 PC 응용프로그램입니다. 제작된 이미지를 프로젝트에 적용하기 전에 반드시 [SmartImageChecker 프로그램]을 사용해 이미지가 올바르게 제작되었는지 확인하시기 바랍니다. 3. SmartX New Framework 프로그래밍 가이드 (smartx.co.kr → Reference Guide) [Part 2. 사용자 인터페이스(UI) 컴포넌트] > [1. 사용자 인터페이스(UI) 공통사항 및 장점] > [3) 이미지 관련 주의사항] 내용을 참고하시기 바랍니다. |
|
|
|
|
|
3. 이미지 제작 가이드
프로그램에 적용할 이미지 작업 시 반드시 지켜야 할 사항으로 숙지해야 할 사항입니다.
- Form에 적용한 이미지(리소스)를 추출하여 재사용을 금지합니다.
- Photoshop CC 2017 이상의 버전은 압축 알고리즘이 호환되지 않아 ObjectDispose 예외가 발생하므로 Photoshop CC 2017 이전의 버전을 사용하여 이미지를 제작하시기 바랍니다. (단, 이전의 버전으로 이미지 작업이 어려우시다면 아래의 “포토샵이 없는 경우” 참고내용의 양식을 작성하여 보내주시기 바랍니다.)
- 제작된 이미지의 Photoshop 버전이 CS6 (13.0), CC 2014, CC 2015가 아닌 경우 변환하여 저장할 때 반드시 Photoshop CS6 (13.0) 버전을 사용하여 변환하시기 바랍니다. (Photoshop CC 2014, 2015 버전으로 변환 시 에러 해결 불가)
-Photoshop CC 2014
-Photoshop CC 2015
사용 Tool |
DPI |
이미지 Format |
|---|---|---|
- Form에 적용한 이미지(리소스)를 추출하여 재사용을 금지합니다.
- Photoshop CC 2017 이상의 버전은 압축 알고리즘이 호환되지 않아 ObjectDispose 예외가 발생하므로 Photoshop CC 2017 이전의 버전을 사용하여 이미지를 제작하시기 바랍니다. (단, 이전의 버전으로 이미지 작업이 어려우시다면 아래의 “포토샵이 없는 경우” 참고내용의 양식을 작성하여 보내주시기 바랍니다.)
- 제작된 이미지의 Photoshop 버전이 CS6 (13.0), CC 2014, CC 2015가 아닌 경우 변환하여 저장할 때 반드시 Photoshop CS6 (13.0) 버전을 사용하여 변환하시기 바랍니다. (Photoshop CC 2014, 2015 버전으로 변환 시 에러 해결 불가)
-Photoshop CC 2014
-Photoshop CC 2015
| STEP-1 | 포토샵으로 이미지를 저장 시 [Save as] 사용 |
|---|---|
| 포토샵이 아닌 다른 Tool을 사용하시는 경우 호환성 문제로 프로그램 오류가 발생할 수 있습니다. 포토샵으로 이미지 저장 시 [File] → [Save for Web]을 통한 이미지 저장은 권장하지 않습니다. 반드시 [Save As]를 통해 저장하시기 바랍니다. | |
|
|
|
|
개발 프로그램의 이미지를 [이미지 제작 가이드]에 맞게 변경이 불가능한 경우 HNS로 신청서를 작성하여 이미지와 같이 메일로 보내주시면 권장 이미지로 변경해드리겠습니다.
| 이미지 변경 신청서 | |||
|---|---|---|---|
| 업체명 | 담당자 | ||
| 연락처 | |||
| STEP-2 | 이미지 해상도 96DPI 설정 |
|---|---|
| 이미지 파일(BMP, JPG, PNG)의 해상도를 96DPI가 아닌 다른 해상도를 사용하시는 경우 프로젝트에 이미지 적용 시 이미지의 크기가 임의로 변경(축소)되어 보일 수 있습니다. 포토샵에서 이미지 해상도를 변경하시기 바랍니다. | |
|
|
※ 반드시 체크박스 해제 후 해상도를 변경해야 합니다.
|
|
| STEP-3 | PNG 이미지 형식을 권장 |
|---|---|
| 이미지 형식은 한가지로 PNG만 사용하길 권장합니다. 확장자 PNG와 달리 JPG와 GIF는 손실 압축 파일이기 때문에 투명효과 처리 시 Masking이 고르지 않는 현상이 발생하거나 이미지의 해상도가 떨어져 보일 수 있습니다. (단, BMP는 용량이 크므로 메모리 최적화를 위해 PNG를 권장합니다.) | |
|
|
