728x90 반응형 분류 전체보기43 [Xcode] ios Simulator(시뮬레이터) 디버깅 방법 안녕하세요~ 아이폰과 동일한 기기 환경에서 web화면을 확인을 위해 Xcode를 많이 사용하고 계실 텐데요~ Xcode로 web화면을 확인에서 끝나지 않고, Simulator를 통해 디버깅까지 할 수 있습니다! 그 방법을 알려드립니다! 💡 Xcode는 MacOS 환경에서만 사용할 수 있는 점 참고해주세요!! 1. Xcode 실행 → 메뉴 Xcode 클릭 → Preferences... 클릭해주세요 2. 원하는 ios 버전별 Simulator 체크 후, 다운로드해주세요 3. Simulator 실행해주세요 Xcode 실행 → 메뉴 Xcode 클릭 → Open Developer Tool → Simulator 4. 확인할 ios 버전의 기기 실행해주세요 Simulator 실행 → Open Device → iOS .. 2022. 3. 30. [카카오뷰] 채널추가하기 버튼 블로그에 추가하는 방법 - 1탄 카카오뷰 채널 추가하기 버튼 블로그에 추가하는 방법!! 안녕하세요~ 카카오뷰 라고 다양한 시선으로 큐레이션 된 콘텐츠를 발견할 수 있는 카카오에서 새롭게 선보인 서비스입니다! https://view.kakao.com/ 카카오 뷰 콘텐츠를 보는 새로운 시선 카카오 뷰 view.kakao.com 많이들 알고 계실 텐데, 모바일 카카오톡 내에서 중앙 하단에 눈 모양 메뉴를 클릭하면 뷰 콘텐츠를 확인할 수 있습니다~ 카카오뷰 채널에 티스토리가 연동되어 편리하게 블로그 글을 큐레이션 할 수 있습니다. 반대로, 카카오에서 자바스크립트를 이용한 티스토리 블로그에 카카오뷰 채널 친구 추가할 수 있도록 채널 추가하기 버튼을 제공하고 있어서 해당 방법을 공유드립니다! 정말 쉬우니까 잘 따라오세요!! 1. 카카오 뷰 창작센.. 2022. 3. 29. [코로나 검사] 인천 서구 뉴성민병원 선별진료소 검사 정보 안녕하세요!! 요즘 코로나19가 델타, 오미크론, 스텔스까지 계속해서 변화하고 있습니다ㅠ 지금까지 잘 버티고 있었는데.. 가족 중에 동생이 양성 확진을 받아 가까운 뉴성민병원 선별진료소에서 PCR검사를 받게 되었습니다. 갑작스럽게 검사를 알아보려고 하니, 정부지침도 계속해서 바뀌고 있고 보건소, 선별진료소, 병원 등등 다 다르게 되어있더라구요!ㅠ.ㅠ 그중에 가깝게 갈 수 있는 뉴성민병원 선별진료소로 가게 되었습니다 위치는 뉴성민병원 신관에서 응급실 건물로 가는 방향 사이에 선별진료소가 위치해 있습니다 뉴성민병원 선별진료소 운영시간은 일요일, 공휴일 제외한 평일과 토요일에 운영하고 있습니다 평일(월~금) : AM 9:00 ~ PM 12:00, PM 1:30 ~ 5:00 토요일 : AM 9:00 ~ PM 1.. 2022. 3. 27. [javaScript] 스크롤 여부에 따른 버튼영역 하단에 붙이기!! 안녕하세요! 웹사이트를 제작할 때, 스크롤 여부에 따라 버튼 영역을 푸터 하단 쪽에 붙이는 기능이 필요할 때가 종종 있습니다. 다른 작업에서도 이와 같은 유사한 기능을 작업 할 수 있기 때문에 히스토리 차원으로 코드 남깁니다!! 유사한 작업을 하시는 분들께 도움이 되었으면 합니다~ 💡html과 css 코드는 동일! 💡jQuery로 구현한 경우와 javaScript로 구현한 경우! 1) 제이쿼리로 구현한 코드 1-1) 브라우저 화면보다 컨텐츠 내용이 짧아, 스크롤 발생 안 한 경우 HTML 삽입 미리보기할 수 없는 소스 1-2) 브라우저 화면보다 컨텐츠 내용이 길어, 스크롤 발생했을 경우 HTML 삽입 미리보기할 수 없는 소스 2) 자바스크립트로 구현한 코드 2-1) 브라우저 화면보다 컨텐츠 내용이 짧아,.. 2022. 3. 25. [사이트 정보] 퍼블리셔에게 쉽게 요청하기 위한 애니메이션 사이트(coco-factory)를 소개합니다! 안녕하세요! 기획자 혹은 디자이너분들이 머릿속에서 구상하고 있는 애니메이션 모션을 UI개발자 혹은 퍼블리셔에게 쉽게 설명하기 어려움을 느낄 때가 많으실 텐데요~ 이런 커뮤니케이션에 어려움을 해소하기 위한 사이트를 소개합니다! coco-factory : https://coco-factory.jp/ugokuweb/ coco-factory라는 일본에서 제작된 사이트입니다 크롬 브라우저에서 한글 번역으로 보시면 편하게 보실 수 있습니다 [coco-factory 사용 장점] ✅ 무료 사용 가능! ✅ 글이나 말로 설명하기 어려운 표현을 시각적으로 표현 가능! ✅ 시각적으로 표현하기에 전달하는 사람과 받는 사람이 명확하게 인지 가능! ✅ 데모가 있어 구상하지 못했던 다양한 모션 확인 가능! ✅ 다른 팀과의 협업에 편.. 2022. 3. 25. [codepen] 코드펜 코드를 블로그에 넣는 방법!! 코드펜 코드를 블로그에 넣는 방법!! IT 개발자 분들은 코드펜을 많이 활용할 텐데요~ codepen에서 구현한 코드를 블로그로 불러오는 방법을 소개하겠습니다. 코드펜에 먼저 회원가입 후, 로그인되어 있는 상태에서 설명드립니다. 1. 좌측 사이드바 > CREATE > Pen 또는 우측 프로필 > New Pen 클릭! 2. 코드를 작성할 수 있는 화면이 나타납니다. 코드를 작성 후 Save 해주세요. 코드 작성 전 코드 작성 후 3. Embed 클릭해주세요! 4. Code Copy 클릭해주세요! 5. 블로그 페이지에서 더보기 > HTML블럭 클릭 또는 기본모드 > HTML 클릭해주세요. 6. 해당 영역에 codepen 코드를 붙여 넣기 해주세요. 블로그에 코드펜 넣기 완성!!👏👏 💡Tip. codepen .. 2022. 3. 24. [javaScript] ios기기에서 절전모드(저절력모드) 일 때, video 자동재생되지 않는 이슈 ios 기기에서 저전력(절전) 모드 일 때, video autoplay(자동재생)되지 않는 현상 해결 방법 3가지! [이슈 설명] 태그를 활용해 영상을 자동재생으로 추가했을 때, 유독 아이폰에서만 자동재생이 되지 않는 현상을 발견했다. 그 이유는 아이폰에서 절전모드인 저전력 모드를 사용하고 있는 경우에만 나타나는 현상이다! [해결방법 1] 사용자가 영상을 클릭 또는 영상 컨트롤할 수 있는 버튼을 통해 play/pause 제어를 할 수 있도록 변경하는 방법이다. (단점, 기획자를 비롯해 함께 프로젝트를 진행하는 TF 인원들에게 기능 수정을 요청해야 한다..) [해결방법 2] 영상이 재생되지 않을 때의 조건으로 스크립트 제어로 강제로 재생 코드를 추가하는 방법이다. $('body').on('click tou.. 2022. 3. 24. [HTML] ios기기에서 video 자동재생 설정 시, 전체화면모드로 변경되는 이슈 ios기기에서 video autoplay로 자동재생 설정 시, 전체 화면 모드로 변경되는 이슈 ios기기에서 autoplay로 자동재생 설정 했을 때, ios기기에서 정책으로 전체화면 모드로 변경되어 영상이 팝업 형태의 full화면으로 노출되게 된다. [이슈 화면 - full화면으로 노출] See the Pen Untitled by yeony (@yeony1011) on CodePen. [해결방법] - HTML5의 경우 : video태그에 playsinline 속성 추가 - HTML4 or XHTML의 경우 : webkit-playsinline 속성 추가 See the Pen : ios 기기에서 전체화면 막기 by yeony (@yeony1011) on CodePen. [참고자료] - TEMP 영상 : .. 2022. 3. 23. 이전 1 2 3 4 5 6 다음 728x90 반응형
