본문 바로가기

UX 개발/개발도구와 환경

IE(인터넷익스플로러)의 Edge(엣지) 강제실행(강제전환) 막기(해지하기) 2021년 경에는 엣지 설정을 변경함으로써 IE의 Edge 자동 전환을 막을 수 있었는데, 2023년 4월 기준으로 윈도우 10 또는 11에서 설정을 통한 자동 전환은 지정할 수 없게 되었습니다. 현재 2023년 4월 기준 확인 가능한 자동전환 방지 방법은 레지스트리 편집을 통해서 가능이 한 것으로 확인이 되었습니다. 레지스트리 편집은 엣지 소프트웨어 업데이트 등의 시스템 버전 변경 과정에서 원래 값으로 원복될 수 있다는 점을 참고해 주시기 바라며, 그런 경우 레지스트리 편집 작업을 반복해서 진행해 줘야 한다는 점을 참고해 주시기 바랍니다. 1. 윈도우 시작 버튼 > ‘실행’ 입력 후 ‘regedit’ 입력해 레지스트리 편집기 실행 2. 레지스트리 편집기 상단 주소표시줄에 다음 경로 붙여넣기하여 이동 또..
(패러럴즈) 윈도우 아이콘 맥에서 안 뜨게 하기 문서정보 (최신 업데이트: 2022-10-28) v1: 최초작성 at 2022-10-28 패러럴즈(Pararells)를 이용해서 가상 윈도우(Windows) 운영체제(OS)를 구동 시에 일부 사용자에게 문제로 여겨질 수 있는 부분 하나가 윈도우의 프로그램이 맥(MacOS) 하단 Dock에 다른 맥 아이콘과 함께 표시되는 부분입니다. 아이콘 개수의 증가로 혼잡도를 증가시키는 것과 함께, 디자인 스타일이 다른 아이콘이 맥 아이콘과 함께 표시됨으로써 시각적인 부조화를 유발하기 떄문입니다. 이를 수정하는 방법은 패러럴즈의 가상머신 항목별 설정에서 관련 내용을 변경해 주는 것입니다. 패러럴즈의 ‘Control Center’ 실행 원하는 가상머신 항목의 설정 버튼 클릭 ‘Applications’의 ‘Show Doc..
[MacOS] 카카오톡 캐시 파일 없애기 한국에서는 어쩔 수 없이 써야 하는 카카오톡이라는 프로그램이 있죠. 안타깝게도 해당 프로그램은 시스템 내에서 최적화가 그렇게 잘 되어 있는 프로그램은 아닙니다. 아이폰에서 카카오톡 쓰다 보면 수십기가가 넘는 로컬 스토리지를 차지하는 걸 쉽게 볼 수 있죠. 이런 문제는 MacOS에서도 예외는 아닙니다. 그런 이유로 수시로 카카오톡 캐시 메모리를 삭제하는 것을 권장드리는데, 이는 프로그램에서 직접 제공하는 기능은 아닙니다. 조금 번거롭더라도, 별도로 캐시 메모리 폴더를 찾은 후에 삭제하는 절차가 필요합니다. 혹시 해당 폴더 삭제 후 문제가 생기면 관련 폴더와 어플리케이션을 삭제한 후 재설치해 사용하는 걸 권장합니다. MacOS 카카오톡 캐시 파일 경로 "~/Library/Containers/com.kakao..
[VSCode] 따옴표와 대괄호 등의 자동닫힘 해제하기 VSCode가 제공하는 편의성 중 하나로 따옴표(")나 대괄호([, ])등의 특수문자를 활용한 코딩 시에 내부 요소를 포함하는 요소라고 인식하여 자동으로 닫힘 구조로 자동완성이 생성됩니다. 그러나 때에 따라 이같은 설정이 오히려 불편하게 느껴질 수도 있습니다. VSCode 한정으로 자동으로 생성되는 자동닫힘 요소들을 비활성화하는 방법은 다음과 같이 매우 간단합니다.
내부망 PC(오프라인)에서 최신 버전 크롬 다운로드 및 설치하기 크롬 기본 인스톨러는 인터넷에 연결되어 있을 때에만 정상설치가 됩니다. 내부망 PC와 같이 오프라인 환경에서 크롬 설치가 필요한 경우에는 크롬에서 별도로 제공하는 스탠드얼론(Stand Alone) 버전의 인스톨러를 운영체제에 맞게 선택하여 설치파일을 다운받은 후, 해당 파일을 대상 PC로 옮겨 설치하시면 됩니다. 크롬 오프라인 버전 설치 파일 사이트 오프라인 설치를 위해서는 스탠드얼론 다운로드 페이지 접속이 필요합니다. 기존 다운로드 사이트와 똑같아 보이지만, 다운로드 받을 때에 다른 파일이 받아집니다. 또한 최신버전의 크롬으로 다운로드가 진행됩니다. 해당 설치파일 다운로드 후 설치희망 PC에 설치파일을 옮겨 설치를 진행하시면 됩니다. 크롬 스탠드얼론 설치파일: https://www.google.com/..
아이폰(iOS) 가상머신으로 모바일웹 테스트 환경 구축하기 모바일웹 개발의 경우 데스크탑용 브라우저에서 제공하는 반응형 브라우저 확인 기능을 통해서 가장 많이 진행이 되지만, 실제 모바일 기기에서의 실행환경과는 다소 차이가 있습니다. 실제 기기를 구비하여 실행환경을 구축하는 것이 가장 이상적일테지만, 현실적인 제약이 있기에 가상머신을 통한 테스트도 효율적으로 활용할 수 있습니다. 가상머신 모바일웹 테스팅의 이점 : 최대한 유사한 실행환경 확인 + 과거 버전 환경 확인 가상머신을 통한 모바일웹 테스팅 환경을 구축하는 것의 이점은, 최대한 실제 기기 구동환경과 유사한 실행환경을 확인할 수 있다는 점 외에도 과거 OS와 브라우저 버전에 대한 테스트를 진행할 수 있다는 점입니다. 특히 모바일 사파리의 경우 버전에 따라 다양한 버그와 버전 비호환성을 내재하고 있기 때문에..
아이폰으로 모바일웹(사파리) 개발자 모드 디버깅 환경 구축하기 크롬을 통해서 안드로이드 기기의 모바일웹 디버깅 환경이 구축한 것처럼, 사파리를 통해서 아이폰의 모바일웹 디버깅 환경 또한 구축이 가능합니다. 다만 사파리의 경우 맥에서만 구동되는 어플리케이션이기 때문에 맥 기기를 통해서 진행하셔야 합니다. 윈도우용 사파리가 과거에 있었기 때문에, 윈도우에서도 사파리 구동이 가능하다고 생각하는 경우가 있는데 해당 버전은 2011년 이후로 지원이 끊긴, 사장된 어플리케이션입니다. 사파리는 맥과 iOS 전용 어플리케이션입니다. 1. 맥 컴퓨터 사파리에서 개발자 도구 활성화 사파리의 옵션 메뉴에서 개발자 도구를 활성화합니다. 2. 아이폰 또는 iOS 기기 사파리에서 Web Inspector 활성화 설정 메뉴의 사파리, 그리고 고급 기능 중 Web Inspector를 활성화합니..
안드로이드 기기로 모바일웹(크롬) 개발자 모드 디버깅 환경 구축하기 데스크탑 컴퓨팅 환경에서 제작된 개발산출물은 모바일 컴퓨팅 환경을 정확하게 시뮬레이션하지 못합니다. 그런 이유로 가장 확실한 모바일웹 디버깅 환경을 구축하는 방법은 모바일 기기를 통해서 디버깅을 하는 것입니다. 안드로이드 기기의 경우 크롬 웹브라우저를 통해 맥이든 윈도우든 상관 없이 쉽게 디버깅 환경을 구축할 수 있습니다. 유선 케이블을 이용하지 않고 무선으로 연결하거나, 크롬 외 다른 브라우저로도 모바일웹을 디버깅할 수 있는 방법은 별도로 존재하니, 해당 내용 확인이 필요한 경우에는 별도 리서치를 추가적으로 진행하시기를 권장 드립니다. 1. 안드로이드 기기의 개발자 모드 활성화하기 안드로이드 설정에 들어가서 개발자 옵션 메뉴에 진입해 USB 디버깅 기능을 활성화합니다. 더불어 원활한 디버깅 환경 구축을..
외주/과외 문의

티스토리툴바