개발자의 끄적끄적

[컴퓨터/맥] 사파리 브라우저 모바일 화면으로 보는 방법 맥에서 사파리 브라우저를 이용하다보면 크롬과 같이 반응형이나 모바일 환경으로 놓고 화면을 확인하고 싶은 경우가 있습니다. 그럴때는 아래 방법대로 설정하시면 됩니다! 1. 상단에 Safari > 환경설정 메뉴로 이동합니다. 2. 아래 이미지와 같이 고급탭을 클릭하고 창 맨 아래있는 메뉴막대에서 개발자용 메뉴 보기를 체크합니다. 3. 그리고 나면 위에 사파리 관련 옵션 바에 개발자용 이라는 메뉴가 추가된것을 확인할 수 있습니다. 4. 개발자용 메뉴를 누르면 열리는 메뉴들중 아래와 같이 응답형 디자인 모드 시작을 클릭하시면 모바일 전용 화면을 확인할 수 있습니다. 여기서 주의할점은 사파리를 띄우고 보려고 하는 url 을 입력해서 웹 사이트를 열고나서 개..

[컴퓨터/Mac] Mac Safari cache refresh example / 맥 사파리 캐시 지우는 방법 맥 사파리를 사용하다보면 크롬이나 기타 브라우저와 다르게 캐시를 지우는 방법이 헤깔립니다! 이번에는 캐시를 지우는 방법을 공유하고자 합니다. 우선 아래 이미지와 같이 상단 메뉴파의 Safari 를 클릭합니다. 위 메뉴를 클릭하게되면 위 이미지와 같은 메뉴가 나오게 됩니다! 그중에서 환경설정을 클릭합니다. 환경설정을 클릭하면 위와 같이 고급 메뉴 창이 열리는데요. 그중에서 고급탭을 누르고 맨 하단에 [메뉴 막대에서 개발자용 메뉴 보기] 를 체크합니다. 체크박스를 체크하면 위 처럼 상단 메뉴바에 개발자용 이라는 메뉴탭이 추가됩니다. 그 버튼을 누르면 메뉴가 쭉 나오는데요 그중에서 중간부분을 보면 아래..