코딩 (37) 썸네일형 리스트형 테이블 글자 깨짐 현상 table-layout 이용 table-layout 속성을 이용하여 테이블 고정하기table-layout 속성값을 fixed로 지정하면 셀안의 데이터가 길어서 지정한 너비 이상으로 셀을 밀어버리는 것을 방지합니다.보통 셀안의 내용이 한글인 경우 공백이 중간 중간에 들어가므로 자동으로 지정한 너비에서 줄바꿈이 일어납니다. 셀안의 데이터가 한글인 경우 지정한 셀의 크기에 따라서 자연스럽게 줄바꿈이 일어납니다. 테이블의 너비가 200픽셀로 셀안의 내용에 비해서 좁더라도 아래와 같이 자연스럽게 줄바꿈이 일어납니다.셀안의 데이터가 한글인 경우 지정한 셀의 크기에 따라서 자연스럽게 줄바꿈이 일어납니다.반면 홈페이지 주소와 같이 영문으로 공백이 없는 경우는 셀을 밀어버리는 현상이 발생합니다. http://www.homejjang.com/09/b.. (펌) 네이티브앱 vs 웹앱 vs 하이브리드앱 장단점 비교 모바일 어플리케이션을 제작하려고 결정한 후, 네이티브앱, 웹앱, 하이브리드앱 등 여러가지 앱 제작 방법을 보셨을 테고, 각 앱의 차이점이 궁금하실 텐데요. 각 앱별 장단점을 적어보겠습니다. 네이티브앱네이티브 앱을 만들기 위해선 iOS 플랫폼 이라면 오브젝티브C나 스위프트를 이용하여 만들고, 안드로이드 플랫폼에선 자바를 사용하여 만들어야합니다. 장단점을 살펴봅시다. 네이티브앱의 장점1. 성능이 웹앱, 하이브리드앱에 비하여 가장 높다.2. 네이티브API를 호출하여 사용함으로 플랫폼과 밀착되어 있다.3. 해당 언어에 익숙한 사용자라면 좀 더 쉽게 접근할 수 있따. 네이티브앱의 단점1. 플랫폼에 한정적이다.2. 해당 플랫폼에서 요구하는 언어에 제약적이다. 따라서 해당 언어와 플랫폼의 API를 다루는데 익숙해야 .. (펌) 웹사이트의 개발환경 및 개발트렌드 알아내기 출처: http://steambread.tistory.com/15 [너찐빵 Blog] 오랜만에 글을 씁니다. 이번엔 각종 웹사이트들의 개발환경(사용하고 있는 프레임워크, 언어, 라이브러리 등)을 알아내고 세계적으로 자주 쓰이는 개발관련 트렌드를 알아보는 시간을 가져볼까 합니다. 각종 사이트들이 어떻게 어떤 기술로 만들어 졌는지, 나는 무엇을 사용하고 있는지 또 트렌드는 어떤지 알아보는 흥미로운 시간이 될 것같네요. 1. wappalyzer.com (크롬, 파이어폭스 확장프로그램)wappalzer는 카테고리별 현재 가장 많이 쓰이는 각종 기술들을 보여주고, 확장 프로그램을 설치하면 현재 자신이 보고 있는 페이지의 개발환경을 알아볼 수 있습니다. 해당 사이트 메인에 들어가시면 영어를 해석해보세요. 아래는 카.. 모바일 아이프레임 이슈 이번 프로젝트 하면서 완전 질색한게 있으니 그건 바로 모바일 아이프레임 안드로이드만 해도 그나마 괜찮다. 크나큰거 아닌 이상 잘 불러와주니까..근데 복병은(아니, 어쩌면 항상) 바로 아이폰 ㅠ_ㅠ 이번에 겪으면서 느낀 아이프레임 이슈에 대해 다뤄보려고 한다. 1. 모바일 리사이즈 오류 (아이폰) 2. 모달창 높이 맞추기 (PC, 모바일 공통) 3. 모달창이 뜨지 않는 현상 (아이폰) 우리가 쓰고 있는 모달창(B-POPUP과 유사)은 현재 보고있는 해상도 창(window.height()) 값을 받아 가운데에 띄우게 해주는데,아이프레임에 들어가있을 경우 window값을 해당 문서의 윈도우 값이 아닌 링크 도메인의 윈도우 값으로 받아, 전체 문서 높이를 받게 된다. 4. 스크롤 이벤트가 되지 않는 현상 (아이.. 모바일 햄버거 메뉴 (레프트 메뉴) 오픈 스크롤 막기 모바일 햄버거 메뉴를 만드는 방법은 많다.해당 메뉴를 눌렀을 때 뒤에 암막처럼 깔린 뒤에,컨텐츠들이 스크롤 안되게 해야하는게 정석인데.. 이를 위해 스크롤 막는 스크립트를 사용했다가는 레프트 메뉴마저 스크롤을 사용할 수 없는 일이 생겨버린다 ㅠ_ㅠ조건문을 줘서 스크롤을 막다 풀었다 해버리니, 스크롤 이벤트 관련 스크립트가 오류나는 일이! 알고보니 마크업부터 제대로 잘 짜지 못해 생긴 일이라서다시금 잊지말자고 기록.. * 기존에 내가 했던 방식 ---> fixed 시켜주고, width 100%, background:(0,0,0, 0.7)의 배경을 만들어줌 ----> 메뉴 내용 생성 (약 width값 60%)디테일한 내용 이런식으로 하니 userwrap 전체가 100%로 잡혀 스크롤 가능시, 컨텐츠마저 스크.. 모바일 인앱 브라우저 변수 지정 // 페이스북 인앱 변수지정 function isFacebookApp() { var ua = navigator.userAgent || navigator.vendor || window.opera; return (ua.indexOf("FBAN") > -1) || (ua.indexOf("FBAV") > -1);} // 아이폰 페이스북 인앱 지정 function isFacebookApp() { var ua = navigator.userAgent || navigator.vendor || window.opera; return (ua.indexOf("FBAN") > -1) || (ua.indexOf("FBAV") > -1); } var iOS = /iPad|iPhone|iPod/.test(navigator.userA.. 화면 랜더링 과정 * 유튜브 재생시 화면 깜빡거림 현상 화면 랜더링 과정에서 생기는 일로 판단. 해결방법: http://junho85.pe.kr/223 * 화면 가속화와 랜더링이란 무엇인지에 대한 개념 http://d2.naver.com/helloworld/2061385 이전 1 2 3 4 다음