iPhone SE 를 사용중에 터치 문제가 있어 최근 리퍼를 받아와서 잘 사용중이였다.


그런데 갑자기 어느날 아침 전화를 하려고 핸드폰을 사용하려는데... 아무런 소리가 들리지 않았다.


재부팅도 해보고 블루투스 에 이어폰이 연결된건지도 체크해봤지만... 전혀 아무소리도 들리지 않는 문제 발생...



[이슈]

- 핸드폰 수화기에서 통화 하려고 해도 아무런 소리도 들리지 않음...


[체크]

- 우선 블루투스 이어폰이 연결된건 아닌지 확인

- 볼륨버튼을 조작해 보기

- 통화 시도후 스피커폰으로 사용해보기




[원인]


- 볼륨 버튼 조작 시 아래 사진 처럼 헤드폰 이라고 메시지가 보여진다면.... 



원인은 바로 이어폰 단자 의 이물질등에 의한 문제!!


=> 당연하지만... 최신 핸드폰에서 빠진 이어폰 단자가 없는 7 이상의 아이폰은 해당 해결방법은 전혀 무관하니 a/s 센터를 찾아가시길 ...


[해결]

- 해결방법은 단순하다~! 청소하면 됨;;;




끝;;

'Tip' 카테고리의 다른 글

아이폰 갑자기 소리가 안날때!!  (0) 2017.08.02
티스토리 블로그 안뜰때  (0) 2016.12.19
아베스트 삭제 방법  (0) 2015.11.19
모바일웹 테스트  (0) 2015.08.11

한동안 바쁘단 핑계로 블로그를 관리 못하는 와중에 티스토리측에서 DNS 관련한 설정변경 작업이 진행되었는데...

 

공지된 내용으로 DNS 설정 내용을 변경 해두었으니 정상적으로 블로그가 돌고있을꺼라 생각했는데!!!

 

블로그가 뜨지 않고...티스토리 404 페이지만 뜨고있음을 발견~!!

 

 

 

이유는 대체 티스토리가 공지도 없이 왜 그랬는지 전혀 이해 할수는 없지만..

 

아래 그림의 2번 항목이 초기화 되고 내 블로그의 기본주소인 http://skyand.tistory.com 으로 설정되어 있었다....

 

2차 주소를 클릭하여 원래 주소인 skyand96.com 을 설정하고 저장 하고 나니 정상적으로 블로그가 뜬다...

 

대체 왜 이걸 초기화 해버린걸까... 왜 공지사항에는 이거에 관련된 내용을 고지를 안한거지......

 

 

자세한 설정 방법은 글 맨 하단에 요약 본 참고

 

 

 

 

[티스토리에서 제공하는 기본주소를 사용하지 않고 본인이 보유한  도메인으로 연결해서 사용하는 경우]

 

1. 도메인 을 구매한 레지스트라 의 사이트에서 네임서비스 설정을 변경해줘야 한다.

 

- 앞으로도 이런식의 아이피 변경이 될것을 생각한다면  CNAME 으로 도메인을 설정하는게 좋다. ( host.tistory.io 혹은 blog.tistory.com )

=> skyand96.com CNAME blog.tistory.com

=> www.skyand96.com CNAME skyand96.com

 

 

참조 : 아래 그림은 싸이팩(cypack.com) 의 부가서비스 > 네임서비스 화면 => 싸이팩에서는 버튼 클릭으로 바로 설정 가능

 

 

 

2. 반드시 블로그 관리 > 기본정보 > 주소설정 부분에서 2차 주소 로 본인의 사이트 주소가 설정되어있는지 체크

 

'Tip' 카테고리의 다른 글

아이폰 갑자기 소리가 안날때!!  (0) 2017.08.02
티스토리 블로그 안뜰때  (0) 2016.12.19
아베스트 삭제 방법  (0) 2015.11.19
모바일웹 테스트  (0) 2015.08.11

아베스트 (Avast) 백신 제거 방법




avastclear를 사용하여 소프트웨어를 제거하는 방법


제어판의 프로그램 추가/제거를 사용하여 Avast를 제거할 수 없을 때가 있습니다.

이런 경우 제거 유틸리티인 avastclear를 사용하면 됩니다.


1. 데스크톱에 제거 유틸리티 avastclear.exe 를 다운로드합니다.


- 다운로드 링크 : http://files.avast.com/iavs9x/avastclear.exe


2. Windows를 안전 모드로 시작합니다.


3. 제거 유틸리티를 엽니다(실행).


4. 기본이 아닌 다른 폴더에 Avast를 설치했다면 찾으십시오. 참고: 선택한 폴더의 모든 내용이 삭제되므로 주의하십시오.


5 .제거를 클릭합니다.


6 .컴퓨터를 다시 시작합니다.

'Tip' 카테고리의 다른 글

티스토리 블로그 안뜰때  (0) 2016.12.19
아베스트 삭제 방법  (0) 2015.11.19
모바일웹 테스트  (0) 2015.08.11
크롬 에서 사이트들이 깨져 보일때 :: net::ERR_CACHE_READ_FAILURE  (0) 2015.02.03

모바일웹을 직접 기기에서 일일이 모두 테스트하기란 생각보다 쉽지 않다


우선 모든 기기를 구할수 없다는게 가장 큰 이유 이기도 하다.


과거 포스팅에서 관련 내용으로 몇번 소개했던 프로그램으로도 가능하지만 최근에 사용하는 두가지 방법을 소개하고자 한다.


> 다음 트로이 ( Troy ) - 모바일웹의 사이즈만 테스트 한다면 추천

- 단순히 모바일 기기의 사이즈만 규격화 한 테스트만 가능하다.

- 하지만 여러기기 에대한 정리가 잘되어있고, 멀티스크린 모드로 (모니터만 크다면) 많은 기기를 동시에 볼수있다.

- 제법 국내 지원 기기들을 지원(사이즈만..)한다.

- 물론 트로이는 반응형 웹 테스터 이다  그리고 약 2년전에 다음 labs 에서 제공한 서비스 이다.



1. 우선 트로이 접속 ( http://troy.labs.daum.net )


- 접속하면 아래와 같은 화면을 볼수있다. 여기서 위에 주소란에 원하는 사이트 주소를 입력하고 좌측에 디바이스를 선택만 하면 

바로 우측공간에서 확인이 가능하다.

- 이때 좌측 상단에 멀티스크린모드 스위치를 켜주면 여러 디바이스를 동시에 확인해 볼수 있다.

직접 user_agent 를 적용하거나 수정 할수 있는 기능은 없어 내 블로그 주소를 넣었지만 모바일 페이지로 보여지지는 않고 있다;;




2. 상세 기능 사용법


- 1. 회전 을 클릭하면 기기가 가로 형태로 변경되는것을 볼수있다.

- 2. 주소창보이기 는 클릭시 실제 기기내 브라우져의 주소창을 재연하여 반응형 구현 내용을 디테일하게 확인해 볼 수 있다.



총평 : 반응형 사이트를 운영중이라면 여러 기기에서 동시에 테스트를 진행해 볼수 있는점은 장점 이라 하겠다.



> 크롬 카나리 ( Chrome Canary ) - 추천


- 크롬은 크롬이지만 '강심장에게만 권장', '야간업데이트', '병렬 설치' 등의 카피로 소개 하고 있는 크롬의 카나리 이다.

- 사용중인 크롬 정식 버전과 '병렬 설치' 가능하다 ( 같이 쓸수있다는 말을 참 어렵게 표현한  구글..

-  위에서 소개한 다음 트로이와 는 달리 user_agent 를 직접 반영한 테스트가 가능하며, 통신망 을 선택하여 실제 기기에서의 모바일웹페이지의 상태를 제법 유사하게 테스트 해볼수 있다.

- 트로이에 비해 기기 종류는 다양하진 않지만~! user_agent 수정과 디바이스 사이즈를 직접 조정 할수 있어 테스트 하려는 기기의 스팩만 안다면 얼마든지 테스트 해볼수 있다.


1. 우선 크롬 카나리 다운로드 페이지 에서 프로그램을 다운로드 하여 설치 한다 (설치 과정은 생략)

: https://www.google.co.kr/chrome/browser/canary.html



2. 사용방법

- 우선 설치후 카나리를 실행하면 일반 크롬의 영문버전으로 밖에 보이지 않는다.

F12 를 눌러 개발자 도구를 열고 아래 그림에 왼쪽 맨하단에 파란색 스마튼폰 모양을 클릭하면 아래와 같은 UI 를 볼수있다.

- UI가 단순 하여 대충 봐도 다 아시리리 생각된다.




3. 상세 기능 사용법

- 우선 Device 옆 셀렉트박스를 클릭해보면 여러 디바이스가 정의 되어있다. 원하는 기기를 선택하면

- 내용은 해당기기의 사이즈로 설정되고 UA 에는 해당기기의 일반적인 user_agent 가 자동으로 작성되고, 실제 기기의 접속 화면과 같은 모습을 볼수있다. ( 즉, user_agent 로 구분하여 사이트를 보여주는 경우에도 실제 구동 화면을 확인할수 있다.)

- Portait : 카나리 역시 가로형 변형 모드가 존재한다.




- Network 는 예상하는것처럼 실제 통신사 에서 제공할법한 속도를 제현 하여 테스트 해볼수 있다 ( 3G, 4G, wifi 등)

그외에 하단에 Screen 에서는 원하는 사이즈를, UA 에서는 원하는 실제 user_agent 를 설정하여 테스트 해볼수 있다.

- 그외에 아래 기기 모양에서도 가로 세로르 직접 수정 할수도 있다.


- 조금더 디테일한 기기 테스트도 가능하다. 스크린샷에서는 안나왔지만 하단부를 좀더 열어보면 아래와 같은 화면을 볼수있다.

- 특히 Emulation > Sensors 에서는 터치스크린, GPS 는 물론 스마트폰 기울기 까지 테스트가 가능하다 !

- Rendering 에서도 Show paint rectangles , Show composited layer borders , Show FPS meter , Enable continuous page  repainting , Show potential scroll bottlenecks 등의 내용을 적용할수 있다.



총평 : 크롬 카나리 에서는 제법 실제 기기와 비슷한 많은 테스트가 가능하다! 적극 추천!


끝~


크롬 사용중에 사이트가 잘 뜨지 않고 스타일이 깨지는 현상들이 발생했다


net::ERR_CACHE_READ_FAILURE





[해결방법]


1. 크롬 설정 진입




인터넷 사용정보 삭제 클릭


2. 크롬 임시파일을 모두 삭제한다.




이렇게 해도 해결이 안된다면!


3. 크롬 설정 에서 아래쪽에 고급 설정 표시 클릭


4. 맨 하단의 [설정초기화] 클릭 !!






윈도우 7 이상 이면

 

제어판\모든 제어판 항목\관리 도구

 

에서 작업 스케쥴을 실행 한뒤

 

asus 항목을 찾아 i-setup  내용을 모두 선택하고 사용 안함 처리 해주면

 

해결 가능!!

광고창이 자꾸 뜰때


마이크로소프트사에서 제시한 해결 방법입니다.


출처 : http://answers.microsoft.com/ko-kr/ie/forum/ie8-windows_7/%EC%9D%B8%ED%84%B0%EB%84%B7/8f96ad0f-9811-4c88-9060-6e0426b6980d


작업 1. Malwarebyte 실행

 http://www.malwarebytes.org/mbam.php

바이러스트로이 목마루트킷,  스파이웨어 악성 프로그램을 제거   있는 Tool 으로Malwarebytes 사에서 제공  프로그램 입니다.

 

 

작업 2. Internet Explorer 기본 설정을 복구 (개인 설정 삭제 옵션을 사용)
http://support.microsoft.com/kb/923737/ko

 

 

작업 3. 시작 프로그램 서비스 내리기

1.     [시작 - 실행]  msconfig 입력  엔터 합니다.

2.     시스템 구성 에서 시작프로그램탭으로 이동 합니다.

3.     시작 프로그램 탭에 모두사용 안함”  클릭 합니다.  

4.     서비스 탭으로 이동, “모든 microsoft 서비스 숨기기 체크 합니다.

5.     후에 나타나는 서비스 목록은 “ 모두 사용 안함 “  클릭  적용 확인 합니다.

6.     컴퓨터 재시동 합니다.

 

 

작업 4. Internet Explorer 추가 기능 문제 해결

http://support.microsoft.com/mats/ie_freezes_or_crashes/ko

 

 

작업 5. 불필요한 프로그램 제거

[제어판 - 프로그램  추가 제거 ] 에서 불필요한 툴바나 Search 프로그램은 삭제 합니다.

 

 

작업 6.  Browser Helper Object 삭제

1.     시작 -> 프로그램  파일 검색 란에 regedit 입력 , Enter 누릅니다

2.     아래의 경로로 이동하여, Browser Helper Objects 폴더와 Post Platform 폴더 하위의 모든 항목을 삭제합니다.

·         HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer\Browser Helper Objects

·         HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\User Agent\Post Platform

 

오늘 점심때 기사를 보니 팟캐스트가 사라졌다!!!

 

라고 기사가 뜬걸 보고 포스팅을 아주 간만에 하기로 마음먹음;; (나중에 사실이지만 기자나 나나 하나씩 모르고있었다는 ㅋ)

 

현재 iOS6 버전 개발자 버전 업데이트 적용되어있지만 기사내용과는 다르게 팟캐스트는 여전히 음악에 같이 존재한다.

 

베타 설치후 음악파일아니 팟캐스트 파일이 없을경우 하단 탭메뉴가 보이지 않는다.

 

 

아래 스샷을 보면 아주 떡하니 팟캐스트 메뉴가 보인다... (앱스토어에서 podcast 로 검색하면 새로운 앱이 있으나.. 버그가 좀 있지만;;)

 

iOS6에서 팟캐스트 사용하는방법!

 

우선~ 아이폰상에서 iTunes 로는 국내 팟캐스트 다운이 불가능한터라

 

간만에 iTunes 로 팟캐스트를 다운받고 동기화를 하면~ 해결;;

 

간단하다.. (새 앱을 받아 새앱에서 팟캐스트 다운은 더 간단;; 사소한 버그 몇개를 제외하고는 편한듯 )

 

음악파일.. 팟캐스트 파일이 없으니 음악 앱을 실행해도 아무런 메뉴도 보이지 않았던 것일뿐~

 

해보진 않았지만 미국 팟캐스트 하나만 받아봐도 ( iTunes 로) 해결될듯~

 

 

디자인이 화이트 톤으로 많이 깔끔해진 모습~

 

 

 

 

 

 

플래이 화면도 디자인 변경된 모습~

 

 

 

 

beta2 업데이트 를 해봐도 여전히 팟캐스트는 음악 앱 안에 포함되어있었다.

 

근데 기사내용을 보니 심지어 팟캐스트앱 스샷 까지 있는게 아닌가.. 자세히보니 기존 iOS 기본 앱과 디자인도 좀 다르고.. 뭔가 어눌한느낌이 들어 검색해봤더니

 

애플에서 만든 podcast 앱이 있더라는~

 

즉 베타2 로 업글 하고 쓰면 기본에는 없지만 앱스토어에서 다운 받으면 기존 음악앱에서도 팟캐스트가 빠진다~

(승인여부를 팝업으로 묻는다)

 

기존에 받았던 팟캐스트도 앱쪽으로 다 들어가 있다~

 

문제 새 팟캐스트앱이.. 인터페이스나 기본 사용 자체가 어눌하다는점.. 버그가 많다....

 

앱지우자니.. 다운받은 팟캐스트가 삭제된다니;; 참는수밖에.

 

단, 앱의 경우는 라이브러리(기존아이튠즈 팟캐스트 카테고리) 로 바로 받을수 있다..

 

 

 

 

 

 

 

 


C:\Users\user\AppData\Roaming\EditPlus 3

경로에서

setting_u.ini
ftp2_u.ini

백업 복원 하면 된다~

구문강조 파일 역시 여기다 넣고 하면 clear

윈도우7은 별로 복잡하지 않는 방법으로도 원격 지원을 받을수 있다.
Xp에서 윈도우7. 윈도우7 에서 윈도우7 원격제어 모두 가능하다.

1. 제어판 > 모든 제어판 항목 > 문제해결  로 들어가서 좌측에 "친구에게 도움요청" 클릭
 - 제어판에서 보기 기준 을 작은아이콘 으로 하면 문제해결 아이콘을 바로 클릭할수있고, 보기기준범주 로 한경우는 시스템보안 범주에 문제 찾기 및 해결 을 클릭하면 좌측으로 친구에게 도움요청 링크가 보인다.

skyand96.com

skyand96.com


 2. 새로운 사용자에게 도움요청 클릭
 -  다른 사용자의 도움요청에 응할 경우라면 하단에 원격지원으로 다른 사용지 지원 을 클릭하여 받은 도움요청 파일과 임호를 넣거나 간단 연결을 이용하면 제어가능

skyand96.com

skyand96.com


 3. 새로운 사용자에게 도움요청 클릭시 도움 요청 종류가 총 3가지가 뜬다.
  - 이 도움요청을 파일로저장 : 파일로 저장하고 개인 메일이나, 메신져등으로 전송. (지금은 이 방법으로 진행하여 설명하기로 한다)
  - 전자메일을 사용하여 도움요청 : 도움요청파일을 바로 메일로 전송(해당 컴퓨터에 메일 클라이언트가 설정 되어있어야 한다)
  - 간단한 연결 사용 : 도와주는 상대방도 간단 연결을 사용할수있다면 이메뉴를 클릭.

skyand96.com

skyand96.com


 4.  이 도움 요청을 파일로 저장 :  찾기 편한 곳으로 선택하여 저장한다. ( 필자는 바탕화면에 저장)
   - 초대.msrcIncident 이라는 파일이 저장된다.

skyand96.com

skyand96.com


  5. 해당 파일을  저장하면 바로  윈도우 원격지원 세션창이 뜨는데 이창을 닫으면 원격제어가 종료 되고, 그 첫화면으로 도우미에게 도움 요충 파일과 암호를 알려주세요 라는 문구와 함게 암호가 나온다.

skyand96.com

skyand96.com



  6. 저장한 파일을 전송하고 제어 를 해줄 도우미에게 암호를 알려준다.
   - 도우미는 해당 파일을 더블릭하고 암호를 입력하면 제어를 할수있다.
   - 원격제어 창에서 채트 라는 메뉴를 클릭하면 채팅 도 가능하다.(채팅/파일보내기 모두 가능하다.)

 7.  파일을 받은 도우미는 받은 파일을 더블클릭하면 암호 입력창을 볼수있고 암호를 입력시 원격제어 요청 상태가 되고, 도움을 요청한 사용자가 해당 요청을 허가하면 바로 원격제어가 가능해진다.

XP 에서는 폴더 공유시 암호를 지정하도록 제공되지 않는다.다만 사용자를 지정하여 지정한 사용자 만이 폴더에 접근 할 수 있도록 설정할수 있다.

(환경 구성)

1. 시작 - 제어판 - 사용자 계정 - guest 계정을 사용안함으로 변경
2. 시작 - 제어판 - 관리도구 - 컴퓨터 관리 - 로컬 사용자 및 그룹 - 사용자
guest 계정 더블클릭 - 계정 사용안함에 체크 - 적용 - 확인
3. 시작 - 제어판 - 관리도구 - 로컬 보안 정책 - 로컬정책 - 보안 옵션
 - 네트워크 액세스: 로컬 계정에 대한 공유 및 보안 등록 정보 부분에서
일반 - 로컬 사용자를 그대로 인증 으로 선택 - 적용 - 확인

(사용자 추가)

1. 시작 - 제어판 - 사용자 계정 - 새 계정 만들기 클릭 - 원하는 임의에 몇몇 사용자를 생성합니다. (암호도 같이 생성)

(폴더 설정하는 방법)

1. 내컴퓨터 더블클릭 - 메뉴중 도구 - 폴더 옵션 - 보기탭 - 모든 사용자에게 동일한 폴더 공유 권한을 지정(권장)에 체크를 해제.
2. 한 폴더를 공유. (폴더에 마우스 오른쪽 버튼을 클릭 - 공유 및 보안 클릭 - 이 폴더를 공유함에 체크)
3. 사용권한 버튼 클릭
4. 추가 클릭 - 고급 버튼 클릭 - 지금 찾기 클릭 - 접근 허용하도록 원하는 사용자 선택 - 확인 버튼 클릭 - 추가한 사용자에 모든 권한 설정
5. Everyone를 제거 하면 선택한 사용자 만이 그룹또는 사용자 이름에 남는다.
6. 보안탭에는 everyone이 추가되도록 한다. (everyone에 모든권한으로 설정)

네트웍 상에서 다른 pc가 접근시 사용자 이름과 암호 묻는 창이 나오면, 클라이언트에게 원하는 사용자 이름과 암호를 알려주면 된다.
접근 허용하도록 한 사용자로 로그인시는 공유한 폴더에 접근이 가능하며, 그렇지 못한 사용자로 로그인한 사용자는 공유한 폴더에 접근하지 못하게 된다.

네트웍 pc 접근시 암호 물어보도록 설정하려면

아래 작업은 guest 계정으로 이용하는 방법.

1. 시작 - 제어판 - 사용자 계정 - guest 계정을 사용으로 변경
2. 시작 - 제어판 - 관리도구 - 컴퓨터 관리 - 로컬 사용자 및 그룹 - 사용자
3. guest 계정 더블클릭 - 계정 사용안함에 체크 해제 - 적용 - 확인
4. guest 계정 마우스 오른쪽 버튼클릭 - 암호 설정 - 원하는 암호 설정 - 확인
(이 후부터는 시작 - 제어판 - 사용자 계정에서 암호 변경 또는 제거를 바로 설정할 수 있다.)
5. 네트웍 pc 접근시 암호 물어보는 창이 먼저 실행이 됨.

로컬 사용자 및 그룹메뉴가 없는 xp home에서의 설정방법

1. 시작 - 실행 - cmd 입력 - 확인
2. 아래 내용 입력 후 엔터
net user guest 원하는 암호입력 (예: net user guest 12345)
3. 명령을 잘 실행 했습니다 라고 나오면 cmd 창 닫는다
4. 시작 - 제어판 - 사용자 계정 - guest 계정을 실행하면 암호변경, 암호제거가 나타납니다.
(guest 계정은 사용으로 설정하셔야 합니다.)

윈도우7 에는 여러가지 많인기능들이 좋아지기도 불편해지기도 했다.

물론 대부분은 다 개선되어지고 좋아졌다고 하는게 맞겠다..

그중에 필자가 가장 맘에들었던 기능!! 바로 띄워진 창의 크기를 드레그하여 순간 크기를 조정하는 기능.

skyand96.com


위의 그림은 메모장을 띄운상태에서 메모장의 상단을 마우스로 드레그하여 화면 좌측 끝으로 가져갔을때의 화면이다.

이때 화면의 좌측 50% 정도의 투명항 사각형의 박스가 보인다.
마우스를 때면 메모장이 그 박스만큼 즉 화면의 좌측 50%에 정확하게 사이즈가 조정되어진다. 해제할때도 창을 잡고 테두리에서 화면안으로 들어오면 원래의 크기로 돌아간다.

이러한 창 자동 조절은 상단으로 한경우 전체 화면, 우측으로 한경우 오른족 50% 가 되어지고,

창의 하단부의 크기조절 기능으로 하단으로 드레그 하면 해당 창이 상단 하단 만 100% (이때 좌측/우측 의 사이즈는 변하지 않는다) 로 창이 조정되어진다.

마우스 외에 단추키로는 창활성화 상태에서 원도우키 + 방향키로 같은 효과를 낼수있다.

윈도우키 + → : 활성화된 창이 오른쪽 50% 크기만큼 창이 조정된다.
윈도우키 + ← : 활성화된 창이 왼쪽 50% 크기만큼 창이 조정된다.
윈도우키 + ↑   : 활성화된 창이 전체 100% 크기만큼 창이 조정된다.
윈도우키 + ↓   : 활성화된 창이 최소화되어진다. (요건 좀 다르다)

윈도우7으로 네트워크 프린터 설정시 아주 단순하게 설정하는 방법이 있다.
단, 연결할 프런터가 연결되어있는 컴퓨터의 ip주소를 알아야 한다.

1. 시작 메뉴를 클릭하여 검색창에 \\ 를 포함하여 프린터가 공유된 컴퓨터의 ip를 입력하고 엔터.

skyand96.com


2. 그러면 새창으로 해당 컴퓨터의 네트워크 공유 폴더와 연결된 프린터가 보일것이다. 연결할 프린터 아이폰 위에서 오른클릭으로 메뉴를 연뒤 연결 을 클릭.(검정색네모박스는 개인정보라 가렸다.)

skyand96.com


3. 네트워크 프린터 연결완료.(검정색네모박스는 개인정보라 가렸다.)

skyand96.com


참쉽죠잉~

  1. 와우 2011.06.23 18:44 신고

    짱임ㅋㅋ감사합니다

qrcode


최근 스마트폰이 대세를 타면서 더불어 인기를끌고 있는것이있다.
바로 QRcode ~ 스마트폰 사용자라면 한번쯤은 신기하게 사용했었을것이다.

웹사이트나 물건등에 부착되어있는 QRcode 를 스마트폰으로 촬영하면 상품가격정보 혹은 사이트 주소가 나오는 마치 바코드 같은 방식의 하지만 모양은 많이 다른~ 코드.

여러가지 생성 방법들이 존재하지만, 구글 chart api 를 이용한 이미지 링크만으로도 단순하게 만들어낼수있다.( 무슨소린지 몰라도 그냥 아래 예제를 보면 바로 이해하게 될것이다.)

이미지소스 : <img src="
http://chart.apis.google.com/chart?cht=qr&chl=http://skyand96.com&chs=120x120" />

이미지 링크결과 :
QRcode 
눈치가 빠르다거나 프로그램을 살짝이라도 봤었다면 위의 경로만으로도 이해했을것이다.

http://chart.apis.google.com/chart?cht=qr&chl=http://skyand96.com&chs=120x120

이 주소만으로도 QRcode 를 생성하고 업로드하고 호스팅받는 상태로이미지 링크걸고 하는 모든 귀찮은 일들이 한방에 해결된다.

그 주소 내용을 자세히 풀어보면,

http://chart.apis.google.com/chart?

이 부분은 구글의 chart api 경로다 그냥 무조건 똑같이 써준다.

그리고 나서 보이는 물음표 (?) 뒤의 내용들이 중요하다.

cht=qr&chl=http://skyand96.com&chs=120x120

이런부분을 쿼리스트링이라고 하는데 이러한 주소에 붙는 쿼리스트링들은 일련의 규칙이 있다.

변수=값&변수=값&변수=값&변수=값

머대략 이런건데 변수란말은 대충 넘기고, 우리가 필요한 QRcode 를 표한하는 속성 이라고 이해하면 된다.

즉,  속성=값&속성=값&속성=값&속성=값 이정도로 이해하면 되겠다.

cht=qr 이부분은 qr코드를 추출한다는 소리며, 기본이니 그냥 그대로 사용하자.

chl=http://skyand96.com 이부분은 보이는거처럼 QRcode로 추출할 홈페이지주소(혹은 원하는글자/숫자) 가되겠다.
 
즉 , chl=원하는글자

요런식으로 변경하자.

chs=120x120

예상한대로 이부분은 QRcode 의 사이즈를 의미한다. 가로x세로 크기를 넣어주면된다.

각각의 속성과 값은  & 로 붙여서 연결해서 주소를 완성해주면 된다.


http://chart.apis.google.com/chart?cht=qr&chl=원하는주소&chs=240x240


더 상세한 내용은 아래 표는 해당 api의 속성 을 참고하자.

이외에도 많은 차트 형식의 api를 제공하고 있다 (하단 구글 api chart 링크 참조)
Parameter Required or Optional Description
cht=qr Required Specifies a QR code.
chs=<width>x<height> Required Image size.
chl=<data> Required The data to encode. Data can be digits (0-9), alphanumeric characters, binary bytes of data, or Kanji. You cannot mix data types within a QR code. The data must be UTF-8 URL-encoded. Note that URLs have a 2K maximum length, so if you want to encode more than 2K bytes (minus the other URL characters), you will have to send your data using POST.
chd NOT USED QR codes are unusual in that the chd parameter is ignored. Don't include it in your URL.
choe=<output_encoding> Optional How to encode the data in the chart. Here are the available values:
  • UTF-8 [Default]
  • Shift_JIS
  • ISO-8859-1
chld=<error_correction_level>|<margin> Optional
  • error_correction_level - QR codes support four levels of error correction to enable recovery of missing, misread, or obscured data. Greater redundancy is achieved at the cost of being able to store less data. See the appendix for details. Here are the supported values:
    • L - [Default] Allows recovery of up to 7% data loss
    • M - Allows recovery of up to 15% data loss
    • Q - Allows recovery of up to 25% data loss
    • H - Allows recovery of up to 30% data loss
  • margin - The width of the white border around the data portion of the chart. This is in rows, not in pixels. (See below to learn what rows are in a QR code.) The default value is 4.

참조 : http://code.google.com/intl/ko-KR/apis/chart/docs/gallery/chart_gall.html
윈도우7 의 경우 hosts 파일이 읽기 전용으로 되어 수정할수 없게 되어있다.

이를 수정하기 위해서는 로그인된 윈도우 계정에 수정 권한을 주면 수정 가능하게 된다.

물론 보안상 권장 하는 내용은 아니니 원하는 내용 수정후 다시 수정권한을 제거하는것이 좋다.

1. hosts 파일을 오른 클릭하여 속성을 연다.
 - 열어서 users 를 클릭해서 하단의 권한을 살펴보면 수정권한이 없는것을 볼수있다.

사용자 삽입 이미지


2. 사용권한변경을 위해 편집 버튼을 클릭하여 Users 선택후 쓰기권한을 체크하고 확인(적용) 해주면 완료.

 
사용자 삽입 이미지

[사파리 를 이용한 아이폰/아이패드/아이팟 터치 모바일웹 테스트 하기]

1.우선 사파리5 를 설치합니다. (http://www.apple.com/kr/safari/download/)
  설치되어있다면 pass~

2. 설치한 사파리의 메뉴중 오른쪽 상단의 톱니바퀴 메뉴를 클릭 > 메뉴 중 기본설정을 클릭합니다.

사용자 삽입 이미지
 

3. 기본설정 > 고급탭 의 [메뉴 막대에서 개발자용 메뉴보기] 를 체크해줍니다.

사용자 삽입 이미지

4. 다시 사파리창으로 돌아와서 이번에는 페이지 모양의 아이콘을 클릭하면 개발자용 메뉴가 보이게 됩니다.
   개발자용 > 사용자 에이전트 를 차례대로 선택하면
   스샷에서 보이는것 처럼 여러가지 플랫폼으로 간단하게 전환이 가능합니다.

   훌륭합니다.

   단, 크기는 직접 손으로 조정해야한다는거 말고는 -_-;;(크기까지 해당 플랫폼과 맞게 딱 고정되었다면 좋겠다는!!)

사용자 삽입 이미지

사용자 삽입 이미지



5. 사파리깔기도 귀찮고, 이것마저도 귀찮다~면 그냥 다른 사람들이 만들어둔 사이트를 접속하는게 좋겠네요

- 아이폰 테스트 사이트
http://www.iphonetester.com/
http://www.testiphone.com/

- 아이패드용 테스트 사이트
http://www.ipadpeek.com/


6. 아니면 윈도우용 시뮬레이터를 설치해서 테스트~
  이전 포스팅가기



[아이폰용 모바일웹 제작 팁]

1. HTML5 의 input 태그를 이용한 상황에 맞는 아이폰 자판 레이이웃 호출하기

<input type="text" />
<input type="search" />
<input type="tel" />
<input type="url" />
<input type="email" />
<input type="time" />
<input type="number" />
<input type="datetime" />
<input type="week" />
<input type="date" />

2. 툴바숨기기

<script type="text/javascript">
 window.addEventListener("load",function(){
  setTimeout(scrollTo,0,0,1);
 },false);
</script>

3. 화면 회전시 폰트사이즈 고정

auto : 기본값, 화면회전후 비율에 맞게 폰트크기가 자동으로 조정됨.
none : 회전시에도 폰크기 고정.
n% : 폰트크기를 정한 크기로 변경.
 
 html {

      -webkit-text-size-adjust:none;

  }

4. 모바일웹페이지를 가로 크기에 딱 맞추기

user-scalable=no : 사용자의 확대보기 허용 여부(no/yes)
initial-scale=1.0  : 페이지 로딩시 확대비율
maximum-scale=1.0  : 최대확대비율
minimum-scale=1.0  : 최소축소비율
width=device-width : 플랫폼 가로 크기에 맞춤, 수치를넣으면 그수치에 맞게 맞춰짐.

<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />

 5. 회전에 따라 다른 css 적용하기

 <script type="text/javascript">
 function orient()
 {
  switch(window.orientation){
   case 0: document.getElementById("orient_css").href = "css/iphone_portrait.css";
    break;
   case -90: document.getElementById("orient_css").href = "css/iphone_landscape.css";
    break;
   case 90: document.getElementById("orient_css").href = "css/iphone_landscape.css";
    break;
  }
 }
 window.onload = orient();
  </script>

 <body onorientationchange="orient();">
 </body>

 6. 기본 어플 호출하기

 - 전화걸기 : <a href="tel:1588-2120 ">블루웹 고객센터</a>

 - 문자보내기 : <a href="sms:010-0000-0000">문자보내기</a>
 - 문자보내기실행 : <a href="sms:">문자보내기</a>

 - 메일보내기실행 : <a href="mailto:">메일보내기</a>
 - 메일보내기 : <a href="mailto:echos@blueweb.co.kr">메일보내기</a>
 - 내용채워서 메일보내기 : <a href="mailto:echos@blueweb.co.kr?cc=echos@blueweb.co.kr&bcc=echos@blueweb.co.kr&subject=test subjct&body=test body"">메일보내기</a>

모바일웹을 제작 할때의 가장 큰 문제는 만드는 환경은 PC이지만 실제 제공되는 환경은 스마트폰을 필두로한 개인 단말기들입니다. 모든 단말기를 소유하고 있어 테스트가 가능하다면야 전혀 문제가 되지 않겠지만, 그렇지 않다면 PC에 설치되어 테스트해볼수있는 시뮬레이터는 큰 도움이 될것입니다.

단, 맥기반의 PC 를 소유하고 있다면~ 당연히 SDK 설치하고 거기서 쓰는 진짜 시뮬레이터 ( 개발한 앱까지 테스트해볼수있는 -ㅅ-;) 가 100만배 당연한 일이겠지요~

하지만 그렇지 않다면~ 모바일웹 제작시에(앱은 테스트 불가능합니다.) 아이폰/아이패드 테스트로는 쓸만 할듯합니다.

Adobe 사의 Air 를 기반 Air 가 작동되는 환경이라면 구동이 가능합니다.
이름 :
ibbdemo2
제작 : http://labs.blackbaud.com/NetCommunity/Page.aspx?pid=249
구글 프로젝트 : http://code.google.com/p/ibbdemo2/

단축키를 통해 아이폰/아이패드 시뮬레이터간 전환이 가능하며, 회전, 플래쉬 온/오프 (실제 아이폰OS 브라우저인 사파리에서는 플래쉬가 구동불가입니다만) 기능 외 몇몇 기능이 주어집니다.

[설치 방법]
간단합니다. Adobe Air가 없다면 설치하고 그리고 iBBdemo2 를 설치하면 끝입니다.

1. Adobe air 다운로드 및 설치.

다운로드 : Get ADOBE AIR(http://get.adobe.com/kr/air/)
 

사용자 삽입 이미지


사용자 삽입 이미지



2.iBBDemo2 다운로드 및 설치
다운로드 :
http://code.google.com/p/ibbdemo2/downloads/detail?name=iBBDemo2.air&can=2&q=

사용자 삽입 이미지


사용자 삽입 이미지


3. 완료

설치 완료후 바로 실행을 체크 하셨다면 바로 아이패드 화면을 보실수 있습니다.



[시뮬레이터 사용법]

- 마치 맥에 설치된 SDK 마냥 단축키를 통해 제어 가능합니다. (처음 아이패드 실행시 떠있는 사이트가 단축키 설명 페이지)

- 단축키
CTRL + 1 : 아이패드로 전환
CTRL + 2 : 아이폰으로 전환
CTRL + 좌/우 방향키 : 아이폰/아이패드 회전
CTRL + D : 주소표시줄 토글  (마우스를 상단에 가져가도 나옵니다.- 아이폰 전용)
CTRL + + : 확대
CTRL + - : 축소
CTRL + SHIFT + F : 플래쉬 지원 기능 ON/OFF (실제 아이폰엔 없는기능이죠;;)

- 기타 기능
홈키 클릭 : 제작홉페이지로 돌아갑니다 가로 상태에서는 프로그램 종료
스크롤 : 화면 빈공간 클릭후(즉 포커스를 주고나서) 방향키 로 혹은 마우스 휠로 스크롤이 가능합니다.(웹브라우져와 동일하네요)
주소표시줄의 아이폰상의 새로고침/주소삭제 아이콘도 동일하게 작동합니다.
단, 그외에 키보드 입력, 이전/이후 즐겨찾기, 브라우저 화변 전환 등의 아이폰 브라우저 기능은 빠져있습니다.

다음엔 안드로이드용을 한번 찾아봐야겠네요 ^^;
  1. 희화니 2011.03.21 18:07 신고

    정말 너무나도 좋은정보인거같네요 감사드립니다

  2. 궁금 2011.05.22 21:05 신고

    음...질문이요...아이패드 가로모드에서는 홈키 클릭하면 종료라고 하셨는데...세로 모드로 하니..
    화면이 넘어가요..ㅡㅜ..혹시 축소는 안되겠죠???
    맥북프로인데..아직 초보라...--;; 죄송합니다...정보좀.부탁드려요..
    아이폰모드에서 세로 모드에서 홈키 클릭하려니 클릭이 안되요..ㅡㅜ

스마트폰이나 각종 휴대기기로 웹페이지 접근시 지원하는 모바일웹페이지로 연결하기

<SCRIPT LANGUAGE="JavaScript">
<!--
 var strGoto = "http://m.blueweb.co.kr/"; //모바일접근시 이동원하는 페이지주소
 var str = window.navigator.userAgent.toLowerCase();
 if(/iphone/.test(str) || /android/.test(str) || /opera/.test(str) || /bada/.test(str)) document.location.replace(strGoto);
 //-->
</SCRIPT>

소스 아래 출처에서 가져와서 아주 조금 수정.

출처 :  http://pakaeuro.blog.me/110093238441

아이폰을 11말 구매후 지속적으로 사용하는건 앱이 아닌 사이트다~
Jquery 를 사용한 사이트인데~ 모바일 브라우져에서만 열람 가능한듯하다~

프로야구 포켓정보 : http://overfloweb.com/baseball/#home

skyand96.comskyand96.com




당일 치뤄지는 경기의 대전표와 선발 투수 정보를 기본으로 제공하고 ( 토토할때 아주유용 -_-;)

현재 팀순위, 타자순위, 투수순위, 선수정보 등등의 여러가지 정보를 조회해 볼수있다.

Jquery 프레임웤 을 사용해서 아이폰 플랫폼을 그대로 닮아 있는게 장점(?) 이다.

여하튼 이렇다할 국내 프로야구 앱이 없는 시점에서 보면 최고의 웹페이지 인듯 하다~

skyand96.comskyand96.com

스마트폰(아이폰 및 윈도우 모바일 탑재 스마트폰) 상에서 네이버 메일을 간편하게 사용하실 수 있습니다. 여러 설명 방식이 있겠지만 동영상이 가장 쉽겠죠? 정말 간단합니다.


출처 : 네이버  http://diary.naver.com/150080959615

~차후 직접 포스팅 예정~

+ Recent posts

티스토리 툴바