[팁]크롬브라우저에서 다양한 모바일 기기들 모드로 테스트하기

크롬브라우저에서 각종 모바일폰 기기들 간단하게 애뮬레이션 하기

모바일용 웹을 개발하는 분들의 가장 큰 애로사항은, 개발하는 U/I나 아이콘 이미지의 크기가 각종 모바일 기기들 환경하에서 잘 동작을 하는지 그리고 잘 보이는지 직접 테스트 해봐야 하는 사항 (모바일 기기들의 화면크기 및 해상도가 서로 다르기 떄문)

이러한 문제를 크롬브라우저로 간단히 해소하는 방법입니다.

크롬브라우저에서 마우스 오른쪽 버튼 클릭 후 '요소 검사' 를 클릭하거나, Mac 에서는 cmd+optiom+i (Windows에서는 F12) 버튼을 클릭하면 브라우저가 개발자 모드로 전환 됩니다.

브라우저 개발자 모드로 전환된 후 우측 상단의 모바일 기기 아이콘을 클릭

좌측에 각종 모바일 디바이스를 선택 하면 끝.

모바일 홈페이지 테스트 동영상

이 블로그의 인기 게시물

[알아두면 쓸모 있는 구글 문서 팁] 문서 공유시- 사용자 이름 대신에 익명의 동물이 표시 되는 이유와 동물 종류

구글 드라이브에는 다른 유사 서비스에서는 제공하지 않는 구글 만의 유니크한 기능들이 있다 구글 문서를 불특정 다수에게 전체 공개로 공유할 수 있습니다. 불특정인이 구글 문서에 접속한 경우 익명의 동물로 표시됩니다. ' 웹에 공개' 또는 '링크가 있는 사용자' 공유 설정을 선택하면 인식할 수 없는 이름이나 익명의 동물이 표시될 수 있습니다. 파일에서 인식할 수 없는 이름을 볼 수 있는 몇 가지 이유는 다음과 같습니다. 메일링 리스트와 파일을 공유합니다. Google 계정이 없는 사용자와 파일을 공유하며, 그 사용자가 다른 사용자에게 공유 초대를 전달했습니다. 내 파일을 수정할 수 있는 누군가가 파일을 다른 사용자와 공유했습니다. 다른 사용자가 자신의 Google 계정 이름을 변경했습니다. 공유 설정 페이지에서 해당 사용자 이름 위로 마우스를 이동하여 이메일 주소를 확인하세요. 익명의 동물 다른 사용자에게 개별적으로 보기 또는 수정 권한을 부여하거나 메일링 리스트에 속해 있는 경우에만 사용자 이름이 표시됩니다. 파일 권한을 '링크가 있는 사용자'로 설정하면 파일을 보고 있는 사용자의 이름이 표시되지 않습니다. 대신 다른 사용자가 익명으로 라벨이 지정되어 표시되고 각 익명 사용자는 다양한 익명의 동물로 나열됩니다. 파일 권한을 '링크가 있는 사용자'로 설정했지만 특정 사용자와 파일을 공유하는 경우 파일을 공유한 사용자의 이름이 표시됩니다. 그 외 다른 사용자가 파일을 볼 때는 익명으로 나타납니다. 비공개 파일의 익명 동물 파일 권한을 '링크가 있는 사용자'로 설정한 다음 이를 '특정 사용자'로 변경하면 다음과 같은 경우 여러 익명의 동물이 표시될 수 있습니다. 누군가 파일을 여러 번 여는 경우에는 익명의 동물 목록에서 오래되고 연결이 끊긴 세션을 강제 종료하는 데 조금 시간이 걸릴 수 있습니다. 누군가 온

자세한 내용 보기

[팁] Google Slide 프리젠테이션시 모든 한글폰트가 '굴림체' 로 바뀌는 현상을 해결한 크롬 확장 프로그램 소개

구글 문서도구인 구글 슬라이드를 이용하여 프리젠테이션을 많이 하는 분들을 위한 희소식 현재 구글 슬라이드에서는 슬라이드 편집시 사용한 고유 한글 폰트들은 프리젠테이션 모드로 전환할 경우는 모두 '굴림체' 로 바뀌어 표시가 되는 불편함이 있었습니다. 예). 슬라이드 편집에서 사용한 '궁서체' 한글 폰트는, 프리젠테이션 모드에서는 '굴림체'로 바뀌어 디스플레이됨 예). 슬라이드 편집 모드 - '궁서체' 폰트 사용 프리젠테이션 모드에서 '굴림체' 로 변경됨 따라서, 이러한 현상을 해결하는 크롬 확장 프로그램이 개발 되었습니다. 크롬 확장 프로그램 명 - ShowAsis 입니다. 크 롬 웹스토어 링크 - https://goo.gl/PVPkZz 이 확장 프로그램을 사용하여 슬라이드 프리젠테이션을 하면, 편집 모드의 폰트 그대로 프리젠테이션시에도 그대로 한글 폰트로 디스플레이 됩니다. 단, 단점은 슬라이드가 애니메이션 슬라이드가 있는 경우는 애니메이션이 동작하지 않습니다. ----------------------- G Suite/Google Apps 전문 블로그 - charlychoi.blogspot.kr 도서 '기업과 학교를 위한 구글크롬북'

자세한 내용 보기

구글 드라이브에서 내 파일이 갑자기 사라졌어요 [알아두면 쓸모 있는 구글 드라이브 팁]

구글 드라이브에서 고아가 된(정리 되지 않은) 파일들에 대한 현상 및 복원 방법 및 공유 드라이브 활용 목차 배경 내 파일이나 폴더가 사라지고 (삭제된 것은 아님) 찾을 수 없는 현상 고아가 된 파일 (정리가 안된 파일) 을 찾아 내고 복원하는 방법 고아가 된 과정을 추적하는 방법 배경 구글 드라이브의 내 드라이브에서 협업을 위한 협업 폴더를 생성한 후 다른 팀원간들간에 공유하여 작업하는 동안 예기치 못하게 내가 생성한 파일들 또는 폴더가 갑자기 사라지는 현상이 발생 할 수 있습니다. 또한 이를 경험한 사용자들이 많이 있습니다. 내가 파일이나 폴더를 삭제하지 않았는데 불구하고 휴지통에도 없고, 내가 삭제한 기억도 없고, 이러한 현상이 발생할 경우에는 본 벡서서에서 설명하는 해당 폴더나 파일들이 ‘고아 (Orphaned)’ 가 된 상태가 되어있는게 분명합니다. 한글 도움말에는 ‘정리가 되지 않은 파일 (또는 분리가 된 파일)' 이라고 설명되어 있기도 합니다. 고아가 된 파일들은 어떠한 폴더에도 속하여 있지 않고, 내 휴지통에도 존재하지 않는 현상입니다. 그러나, 구글 드라이브에서는 용량을 계속 차지 않고 있는 상태입니다. 간혹 왜? 내가 삭제한 적이 없는데 파일이 없어졌거나 폴더가 보이질 않는 경우 당황하지 않고 이문서를 자세히 참조하면 해답을 찾을 수 있습니다. 내 파일이나 폴더가 사라지고 (삭제된 것은 아님) 찾을 수 없는 현상 1. 내 드라이브에서 Folder A를 생성하고 Folder A 안에 File A 를 생성 합니다. 나중에 File A를 삭제 하고, 그 이후에 Folder A 까지 삭제를 할 수 있습니다. 그후 휴지통에서 File A만 복원을 할 경우 삭제된 File A 를 복원하려고 하는데 File A가 존재하였던 상위 폴더 ‘Folder A’는 이미 삭제된 상태입니다. 이럴때 File A는 ‘내 드라이브’ 아래에 자동으로 복구됩니다. 2. User A 가 Folder A를 생성하고 그 폴더에

자세한 내용 보기

[클로드 AI 글쓰기 팁] 글쓰기를 위한 프롬프트 엔지니어링 핵심 개념과 실천 방안

클로드 AI 프롬프트 엔지니어링: 핵심 개념과 실천 방안 그동안 클로드 AI로 글쓰기를 통해서 터득한 팁을 공유합니다. 이 팁은 클로드 AI 뿐만아니라 다른 생성형 AI 이용하여 글쓰기를 하는데 매우 유용한 팁이라고 생각하여 공유하고자합니다. 생성형 AI를 위한 프롬프트 엔지니어링은 생성형 AI와 효과적인 상호작용을 통해 원하는 결과를 얻어내는 과정입니다. 좋은 프롬프트 엔지니어가 되기 위해서는 다음과 같은 능력이 필요합니다: 1. 명확한 의사소통 능력 예시: "클로드, 나는 지금 한 편의 블로그 포스트를 작성하고 있어. 주제는 '일상에서 쉽게 실천할 수 있는 환경보호 방법'이야. 포스트의 구조는 서론-본론-결론으로 이루어져야 하고, 총 글자 수는 1500자 내외였으면 좋겠어. 독자에게 친근하게 다가갈 수 있도록 문체는 격식 없이 부드러운 느낌으로 작성해줘." 프롬프트에서 글의 주제, 구조, 분량, 문체 등을 구체적으로 명시함으로써 생성형 AI가 원하는 방향으로 글을 생성할 수 있도록 명확한 지침을 제공하고 있습니다. 2. 반복 작업을 꾸준히 하려는 의지 예시: 첫 번째 프롬프트 - "클로드, 나를 위해 '봄소풍'을 주제로 시 한 편을 써줄래?" 두 번째 프롬프트 - "시의 분위기를 좀 더 경쾌하게 바꿔주고, 청유형으로 끝맺음을 해줄래?" 세 번째 프롬프트 - "시의 3~4행에 봄소풍 갈 때 듣기 좋은 음악을 추천하는 내용을 추가해줘." 같은 주제의 시를 대상으로 프롬프트를 조금씩 수정해가며 생성형 AI와 반복적으로 인터랙션함으로써, 사용자가 원하는 방향으로 시를 완성해 나가고 있습니다. 3. 프롬프트가 잘못될 수 있는 경우를 고려할 수 있는 능력 예시: "클로드, 지금부터 상상의 인터뷰 기사를 작성해보자. 가상의 인물 A씨는 '이상적인 직장 상사'로 선정되었어. A씨를 인터뷰한다고 생각하고, A씨가 이상적인 상사

자세한 내용 보기

[생활 속 법률적인 질문,생성형 AI로 어떻게 해결할까요? (전자책 PDF)]

배경 AI 답변 엔진은 챗GPT와 달리 실시간 정보 처리와 출처 제공을 통해 신뢰성 을 높입니다. 법률 분야에서는 새로운 판례, 법 개정 등 정확하고 최신의 데이터를 반영하는 것이 매우 중요한데, AI 답변 엔진은 이를 실시간으로 반영할 수 있습니다 1 . 반면 챗GPT는 특정 시점까지의 데이터로 학습되기 때문에 최신 정보를 제공하지 못할 수 있습니다 또한 AI 답변 엔진은 답변의 출처를 명확히 표시 하여 사용자가 정보의 신뢰도를 직접 확인할 수 있게 하는 반면 6 , 챗GPT는 일반적으로 출처를 제공하지 않아 답변의 근거를 확인하기 어렵습니다 . 이는 법률 정보의 정확성과 신뢰성이 중요한 상황에서 AI 답변 엔진이 더 적합함을 보여줍니다. 이처럼 법률 분야에서는 AI 답변 엔진의 실시간 정보 반영과 출처 표시 기능이 매우 중요한 차별점 이 되며, 이는 챗GPT 등 다른 생성형 AI와의 주요 차이점이라 할 수 있습니다. AI 답변 엔진은 이러한 강점을 바탕으로 법률 서비스의 혁신을 이끌어 갈 것으로 기대됩니다 Perplexity AI는 단순한 검색 엔진을 넘어서 진정한 AI 답변 엔진 으로 진화했습니다. 이 혁신적인 플랫폼은 사용자의 질문을 깊이 이해하고, 실시간으로 업데이트되는 웹 정보를 활용하여 정확하고 맞춤화된 답변을 제공합니다. 특히 복잡한 법률 문제나 대학 입시와 같은 세부적인 정보가 필요한 분야에서 탁월한 성능을 보여주고 있습니다. Perplexity AI가 '검색 엔진'에서 '답변 엔진' 으로 슬로건을 변경한 이유는 이 원고를 통해 명확히 드러납니다. 단순히 관련 정보를 나열하는 것이 아니라, 사용자의 질문 의도를 정확히 파악하고 맥락에 맞는 종합적인 답변을 제공하는 Perplexity AI의 능력은 기존 검색 엔진과는 차원이 다릅니다. 이는 특히 법률 문제나 입시 정보와 같이 복잡하고 시시각각 변화하는 분야에서 더욱 빛을 발합니다. 이 전자책의 목적은 Perplexity AI (AI답변엔진)이 실 생활에서 얼마나

자세한 내용 보기

생성형AI 활용/Claude/AI답변엔진-Perplexity/교차검사AI

이 블로그 검색