최근 모바일 웹을 지원하는 반응형 웹을 만드는 경우가 많다. 미디어쿼리나 부트스트랩(Bootstrap)을 활용해서 쉽게 반응형 웹을 만들기도 하지만 경우에 따라서 직접 모바일 기기인지 체크해야 하는 때도 많다. 그렇다면 모바일 브라우저를 어떻게 구분해 낼까? 자바스크립트로 브라우저 크기 구분 먼저 브라우저의 크기로 구분해 내는 방법이 있다. 자바 스크립트의 document.body.clientWidth 값을 가져와서 사용하면 된다. 소스를 살펴보자 if (document.body.clientWidth < 800) { // 모바일 기기 관련 작업 } 실제 몇몇 기기의 document.body.clientWidth의 값을 체크해 보면 다음과 같다. 디바이스 인치 세로모드 가로모드 아이폰 6 4.7인치 375..
이클립스를 사용하다보면 가끔 자바 프로젝트인데도 일반 프로젝트로 인식해서 자바 관련 설정 항목들이 프로퍼티에서 나오지 않는 경우가 있다. 이런 경우, SVN 서버에 접속해서 프로젝트를 다시 신규로 Check out 하기도 하는데 아예 .project 파일을 수정해서 해당 항목이 제대로 나오도록 구성하는 방법을 정리해 보려고 한다. 자바 프로젝트의 경우, 아래와 같이 프로퍼티 또는 속성에서 Java Build Path 등 설정항목이 보인다. 다음은 이런 설정 항목이 사라졌을 때 처리하는 방법이다. 일반 프로젝트를 자바 프로젝트로 변경하는 것도 동일하게 처리하면 된다. 프로젝트 폴더의 .project 파일을 텍스트 편집기로 연다. 숨김 파일로 되어 있으므로 숨김 파일을 볼 수 있도록 설정을 바꾸거나 ls -..
- Total
- Today
- Yesterday
- 클라우드
- 책
- 맥
- 세미나
- SCORM
- 자바스크립트
- HTML
- 애플
- 마케팅
- fingra.ph
- 프로젝트
- 자바
- 빅데이터
- 안드로이드
- Hadoop
- 구글
- XML
- 아이폰
- ms
- 도서
- 웹
- java
- 분석
- 통계
- 모바일
- mysql
- r
- 하둡
- 디자인
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |